Shape

...

Browser support

...

The CSS component uses a <div> tag.

The parametrization of the component can be done with the following custom HTML params:

Name Type Description

Name	Type	Description
`z-shape`	`string`	The main parameter has two components following the pattern: `<shape><?:flip>` where: `shape`: Value of the shape to display. Possible values are `1`, `2`, `3`, `4`, `5`, `6`, `7` `flip`: Optional parameter to flip the shape.

z-shape

string

The main parameter has two components following the pattern: <shape><?:flip> where:

shape: Value of the shape to display. Possible values are 1, 2, 3, 4, 5, 6, 7
flip: Optional parameter to flip the shape.

Imports

html

<link rel="stylesheet" href="/0.3.6/@zurich/css-components/base.css" />
<link rel="stylesheet" href="/0.3.6/@zurich/css-components/Shape.css" />

Code

html

<div z-shape="3"></div>
<div z-shape="4"></div>
<div z-shape="5"></div>