Skip to content

Divider API

import { Divider } from "@stratakit/bricks";
// OR
import Divider from "@stratakit/bricks/Divider";
Base element: <hr>

A styled “separator” element (e.g. <hr>), useful for grouping and dividing content within a layout.

A Divider can be oriented horizontally or vertically (using the orientation prop), and can be a semantic divider or a purely presentational one (using the presentational prop).

Type: boolean | undefined (optional)
Default: false

If true, the divider will extend to the edges of the nearest scrollable container.

Type: "horizontal" | "vertical" | undefined (optional)
Default: "horizontal"

The orientation of the separator.

Type: boolean | undefined (optional)
Default: false

If true, the divider will be purely presentational and will not have any associated semantics.