sigilUI

Frame

Enclose content within a structural page frame.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

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

Usage

<Frame className="p-6">Framed content</Frame>

Props

PropTypeDefaultDescription
variant"default" | "accent" | "dashed"defaultBorder style variant.

Token integration

CSS VariablePurpose
--s-borderBorder
--s-primaryPrimary
--s-card-radiusCard radius