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