Components

Separator

Horizontal or vertical divider with an optional inline label.

Separator divides content, optionally with a centered label.

Example

Preview

Above

Below

import { Separator } from '@officina/ui';

<Separator />
<Separator label="OR" />

Prop	Type	Default	Description
label	string	—	Optional centered label rendered within the divider.
orientation	enum	horizontal	Divider axis. Defaults to horizontal.

Scrollbar

Themed custom scrollbar overlay that auto-hides and follows light/dark mode.

Stack

Flex layout for arranging children in a row or column with consistent gap spacing.