Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 

npm version Gitter Chat

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


Installation

Installation with Veams

veams install component figure
veams -i c figure

Fields

figure.hbs

Settings

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.

Content

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
Nested Data Fields
Parameter Type Description
content.figurePicture Object view @requirements
content.figureVideo Object view @requirements

About

No description, website, or topics provided.

Resources

Packages

No packages published