Kanzo UI
Layout

Separator

A visual or semantic divider.

Ark UI

The Amber Hall

Thornmarch · chartered 1194

Usage

import { Separator } from "@kanzo-tech/ui";

API Reference

PropTypeDefault
orientation"horizontal" | "vertical""horizontal"

Extends React.ComponentProps<typeof ark.div>, so ref, asChild and every native div prop pass through. It renders a div with role="separator" and mirrors orientation onto both aria-orientation and data-orientation; a vertical separator stretches to its flex parent unless you give it an explicit h-*.

On this page