Opaline
Components

Components

Compact primitives with Spar's visual and interaction grammar.

Each component is copied into the consuming application. The API stays close to shadcn/ui, while the proportions, tokens, and interaction details follow Spar.

ComponentPurpose
ButtonPrimary, secondary, outline, ghost, destructive, and icon actions
BadgeCompact status and metadata labels
CardStructured raised surfaces with complete composition
Input / TextareaDense text entry with consistent focus and invalid states
SwitchBinary settings with Spar's compact geometry and easing
TooltipShort contextual labels and keyboard hints
DialogFocused modal work with restrained glass depth
SeparatorHairline structure for dense layouts