Component · C-001

Button

The primary action of the system. The theme decides the color; the button only declares a semantic variant and a size.

Install

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

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

Accessibility

• The accessible name comes from visible content; for an icon-only button, aria-label is required.
• loading disables the button and announces aria-busy; it does not change the layout.
• For navigation use an <a> with buttonVariants, not a <button>.
• The visible focus uses the --koten-focus token with a 1 px offset.

Read the whole page

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

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