Skip to content
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.