Components

Component

Divider

Thin separator for grouping related content.

ReactReact Native3 props
PreviewReact

Label

Meta

Imports

import { Divider } from "@hozorica/hods-react/divider";
import { Divider } from "@hozorica/hods-react-native/divider";

Props

PropTypeDescription
orientationhorizontal | verticalSeparator direction. Defaults to horizontal.
toneneutral | mutedStroke emphasis.
insetbooleanAdds horizontal list-style inset for horizontal dividers.

Platform Support

React

Renders a horizontal or vertical hr with semantic stroke tokens.

React Native

Renders a non-interactive View separator with matching orientation and inset props.

Usage

<Divider inset />

Notes

  • Use Divider to separate groups, not to decorate empty space.
  • Vertical dividers need a parent with a stable height.