Dividers

v1.0.0

A visual divider with optional label support.

Structural Boundary Masks

Different divider visual styles.

variant="default"
variant="dashed"
variant="gradient"

Embedded Text Content Labels

Dividers with centered, left, or right aligned labels.

Vertical Column Segmentation

Vertical dividers for side-by-side content.

Edit TrackStaging VaultDeployment

Divider API Reference

All available props for this component.

Property
Type
Default
Description
orientation'horizontal' | 'vertical''horizontal'Controls layout axis behavior, adapting constraints to fill height or stretch full width paths.
variant'default' | 'dashed' | 'gradient''default'Alters visual formatting tokens, toggling border-style tracks or horizontal gradient masks.
labelPosition'left' | 'center' | 'right''center'Aligns structural children node components contextually inside horizontal layouts.
© 2026 Venti UI Labs. UI made right.