Divider

A divider separates sections of content or groups.

View sourceView on npmReport an issue

Props

style?

The inline style for the element.

orientation?

The orientation of the separator.

Defaults to 'horizontal'.
elementType?

The HTML element type that will be used to render the separator.

id?

The element's unique identifier. See MDN.

className?

The CSS className for the element.

aria-label?

Defines a string value that labels the current element.

aria-labelledby?

Identifies the element (or elements) that labels the current element.

aria-describedby?

Identifies the element (or elements) that describes the object.

aria-details?

Identifies the element (or elements) that provide a detailed, extended description for the object.

slot?

A slot name for the component. Slots allow the component to receive props from a parent component. An explicit null value indicates that the local props completely override all props received from a parent.

Examples

Orientation

A divider can have two orientations: horizontal or vertical.

Migration Notes

Coming from Orbiter, you should be aware of the following changes:

  • Children is not supported.