veams-component-figure v5.1.0

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