Triangle

Render a triangular shape using the active design tokens.

@sigil-ui/componentsReact

Preview

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

<Triangle size="xl" />

Prop	Type	Default	Description
`direction`	`"up" \| "down" \| "left" \| "right"`	`up`	Direction the triangle points.
`size`	`"sm" \| "md" \| "lg" \| "xl"`	`md`	Triangle size.

CSS Variable	Purpose
`--s-surface`	Surface

Shape

Render token-styled geometric decoration.

Box3D

Render a dimensional box with individually styled faces.