WorkDS Docs Homepage

Separator

Displays a vertical or a horizontal line.

Props

No props data available for Separator.

Usage

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.

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.

Variants

Context

Usage

Used 103 times across 2 packages

Dashboard
77
Admin Portal
26

Variant Distribution

size

1
1%
2
1%
4
98%

Where it's used

81 files

packages/dashboard/src/components/branding/emails-page-mock.tsx4
packages/dashboard/src/components/configuration/emails/configure-userland-email-settings-dialog.tsx3
packages/dashboard/src/components/get-started/get-started.tsx3
packages/dashboard/src/components/configuration/custom-attributes/custom-attribute-mapping-in-admin-portal-dialog.tsx2
packages/dashboard/src/components/environment-card.tsx2
packages/dashboard/src/components/events/events-table/event-detail-payload.tsx2
packages/dashboard/src/components/filters/text-input-filter.tsx2
packages/dashboard/src/components/roles/enable-role-mapping-dialog.tsx2
packages/dashboard/src/components/scroll-container.tsx2

/branding/edit

packages/dashboard/src/app/(private)/(chromeless)/branding/edit/edit-branding.tsx2

Show 71 more files