Shape

Render token-styled geometric decoration.

@sigil-ui/componentsReact

Preview

import { Shape } from "@sigil-ui/components";

<Shape variant="circle" size={48} />

Prop	Type	Default	Description
`variant`	`ShapeVariant`	`diamond`	Shape type.
`size`	`ShapeSize`	`md`	Size.
`filled`	`boolean`	—	Fill the shape with color.
`strokeWidth`	`number`	`1.5`	Custom stroke width.

CSS Variable	Purpose
`--s-primary`	Primary

Hexagon

Render a hexagonal shape using the active design tokens.

Triangle

Render a triangular shape using the active design tokens.