Component · C-017

Rule

A horizontal separator with four weights and a labelled variant that centers the text. It divides sections and groups content; it does not draw boxes.

Install

Install koten-theme first when the project has no Koten tokens yet.

npx shadcn@latest add https://koten.codehive.com.co/r/rule.json

Accessibility

• Without a label it renders an <hr>, which the browser exposes as a separator.
• With a label, both lines are aria-hidden and the text is read only once.
• Rule is a semantic separator: never use it to draw boxes or tables.

Read the whole page

• Markdown page
• Agent index (llms.txt)
• Full documentation (llms-full.txt)

Koten UI · llms.txt · llms-full.txt · Markdown