Separator

A small structural line for grouping content without adding another container.

Included in the single kansho full pack. Components are not offered as separate installs.

Horizontal

Default rule

Workspace

Settings that apply to every run in this repository.

Automation

Approval rules, retry behavior, and background execution limits.

Inset

Aligned to row content

Repository accessConfigured

Browser sessionsConfigured

Notification rulesConfigured

Vertical

Toolbar divider

Component documentation

Separator

components/ui/separator.tsx

Purpose

Draws a horizontal or vertical divider between related regions.

Appropriate use

Use to clarify visual grouping when spacing alone is insufficient.

Example

components/ui/separator.tsx has a representative live example in the "Horizontal" section on /components/separator.

States

Supports horizontal or vertical orientation and decorative or semantic treatment.

API and props

Separator extends native div attributes with orientation, decorative, className, and ref.

Dependencies

React and the Kansho cn utility.

Accessibility

Decorative separators use role none; semantic separators expose role separator and aria-orientation.

Limitations

It does not label the regions it divides and should be omitted when it adds only visual noise.

Source

Source: components/ui/separator.tsx.

Full pack

components/ui/separator.tsx is documented at /components/separator and installs only through the single Kansho full pack; no individual component install is offered.