Shape - Web Component ​

The Shape component can be used imported from:

Playground ​

Parameters ​

...

Parameters use ​

shape ​

The shapeis used to define the shape to display. Possible values are 1, 2, 3, 4, 5 or 6.

All this shapes can be flipped by adding the flip parameter. The pattern is <shape><?:flip>

The size of the shape can be customized using the --z-shape--size CSS custom property.

Browser support ​

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples ​

CodeSandbox example ​