Separator

SelectSkeleton

A horizontal or vertical divider, optionally labelled.

krz-ui
An open-source component library.
Blog
Docs
Source
or

Installation

pnpm add krz-ui

Usage

import { Separator } from "krz-ui";
<Separator />
<Separator label="or" />
<Separator orientation="vertical" />

API Reference

PropTypeDescription
orientation"horizontal" | "vertical"Direction. Defaults to horizontal.
labelReactNodeText in the middle, e.g. OR.
decorativebooleanHidden from screen readers. Defaults to true.
className / style / ref—All go to the outer element. See Customization.
classNames{ label? }Extra classes for inner parts.