Diagonal

Draw diagonal line patterns within a surface.

@sigil-ui/componentsReact

Preview

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

<Diagonal />

Prop	Type	Default	Description
`direction`	`"left" \| "right"`	`right`	Diagonal cut direction.
`height`	`number`	`80`	Height of the diagonal section.
`fill`	`string`	—	Fill color (CSS value). Defaults to the surface token.

CSS Variable	Purpose
`--s-surface`	Surface

Toaster

Render dismissible notifications sent through Sigil's toast function.

Diamond

Render a diamond shape using the active design tokens.