WorkDS Docs Homepage

Separator

Displays a vertical or a horizontal line.

API Reference

PropTypeDefault
decorativebooleantrue
orientationResponsive<"horizontal" | "vertical">"horizontal"
sizeResponsive<"1" | "2" | "3" | "4">"1"

Unlike in the Radix primitive, decorative prop is set to true by default

This component is based on the Radix Separator primitive. View source

Examples

Orientation

Use the orientation prop to control whether the separator is horizontal or vertical.

You can change the separator orientation across breakpoints using the object syntax.

Single Sign-OnDirectory SyncAudit LogsAPI Reference

Sizes

Use the size prop to control the size of the separator. Size 4 separator takes full width or height of the container.

You can change the separator size across breakpoints using the object syntax.