Shape

A 1:1 ratio container that displays decorative content.

Published Last updated: 4.4.0 Change log NPM
Twig Usage 
  {% include '@bolt-elements-shape/shape.twig' with {
  content: 'MM',
} only %}
Schema
Note: when assigning component props as HTML attributes on a web component, make sure to use kebab-case.
Prop Name Description Type Default Value Option(s)
content *

Content of the shape.

 any —
  • —
attributes

A Drupal-style attributes object with extra attributes to append to this element.

 object —
  • —
size

Changes the size of the interior element

 string small
  • small, medium, large, xlarge
border_radius

Customizes the outside radius of the shape. "none" will render as a square shape, "small" and "large" will render as a rounded corners square and "full" will render as a circle.

 string full
  • none, small, large, full
Install Install 
  npm install @bolt/elements-shape
Dependencies @bolt/core-v3.x