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.
- @veams/component-picture - Picture component in Veams.
- @veams/component-video - Video component in Veams.
veams install component figureveams -i c figure| Parameter | Type | Value | Description |
|---|---|---|---|
| settings.figureContextClass | String | default |
Context class of the figure. |
| settings.figureClasses | String | Modifier classes for the figure. | |
| settings.figureId | String | Just pass a custom string when using an id for the figure. |
| Parameter | Type | Description |
|---|---|---|
| content.figureCaption | Object | Contains multiple elements |
| content.figureCaption.figureCaptionClasses | String | Modifier classes |
| content.figureCaption.captionHeadline | String | Headline |
| content.figureCaption.captionContent | String | Content |
| Parameter | Type | Description |
|---|---|---|
| content.figurePicture | Object | view @requirements |
| content.figureVideo | Object | view @requirements |