veams-component-figure

5.1.0 • Public • Published

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 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

Readme

Keywords

Package Sidebar

Install

npm i veams-component-figure

Weekly Downloads

0

Version

5.1.0

License

MIT

Last publish

Collaborators

  • andy-gutsche
  • sebastian-fitzner