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