background shapes docs

Background Shapes

Pega branded shapes, for use with background component.
Twig Usage 
{% include '@bolt-components-background-shapes/background-shapes.twig' with {
  shapeGroup: 'B'
} only %}
 Schema
Prop Name Description Type Default Value Option(s)
shapeGroup

The shapeGroup to use to build the shapes layout.

 string A
  • A or B
Install Install 
npm install @bolt/components-background-shapes
Dependencies @bolt/core

background shapes shapegroup variation

shapeGroup: A

circle-square
Outline Circle
square-square
Little Circle
square-square
Little Circle

shapeGroup: B

square-square
Outline Circle
square-square
Little Circle
circle-circle
Outline Circle