Divider

A simple divider component that supports horizontal and vertical.

Examples

This component is used in the following Blocks:

This component uses the following default theme:

root{}(4 keys)
- base:
- orientation{}(2 keys)
- variant{}(2 keys)
- disableMargins:

Learn more about how to customize in the Theme documentation.

Prop	Description	Default
`className`	Classname to apply to the divider. `string`
`disableMargins`	Disable the margins of the divider. The default margin is: `--spacings-md`. `boolean`	`false`
`orientation`	Orientation of the divider. `"horizontal" \| "vertical"`	`horizontal`
`style`	Additional style attributes. Recommend to use css classes over this. `CSSProperties`
`theme`	Theme for the Divider. `DividerTheme`
`variant`	Variant of the divider. `"primary" \| "secondary"`	`primary`

Last updated on February 21, 2025