Figure
Description
The <figure>
element is intended to be used in conjunction with the <figcaption>
element to mark up diagrams, illustrations, photos code examples and other things. The specs says this:
The HTML
<figure>
element represents self-contained content, frequently with a caption (<figcaption>
), and is typically referenced as a single unit.
The Figure component contains the picture and video component as dependency and prints out every necessary field for html figures.
Requirements
- veams-component-picture - Picture component in Veams.
- veams-component-video - Video component in Veams.
Installation
Installation with Veams
veams install vc figure
Fields
Settings
- settings.figureContextClass {
String
} [default] - Context class of the rte. - settings.figureClasses {
String
} - Modifier classes for the rte. - settings.figureId {
String
} - Just pass a custom string when using an id for the figure.
Content
- content.figureCaption (
Object
) - Contains multiple elements - content.figureCaption.figureCaptionClasses (
String
) - Modifier classes - content.figureCaption.captionHeadline (
String
) - Headline - content.figureCaption.captionContent (
String
) - Content
Nested Data Fields
- content.figurePicture (Object) - @see requirements
- content.figureVideo (Object) - @see requirements