Hexagon

Render a hexagonal shape using the active design tokens.

@sigil-ui/componentsReact

Preview

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

<Hexagon size="xl" />

Prop	Type	Default	Description
`size`	`"sm" \| "md" \| "lg" \| "xl"`	`md`	Hexagon size.

CSS Variable	Purpose
`--s-surface`	Surface

Diamond

Render a diamond shape using the active design tokens.

Shape

Render token-styled geometric decoration.