Skip to Content

button

ui

Displays a button or a component that looks like a button.

Use cases

  • Form submissions
  • Call-to-action buttons
  • Navigation triggers
  • Dialog/modal openers
  • Toggle actions

Variants & sizes

Variants

defaultsecondarydestructiveoutlineghostlink

Sizes

defaultxssmlgiconicon-xsicon-smicon-lg

Features

  • Polymorphic rendering via asChild (render as link, div, etc.)
  • Loading states with disabled prop
  • Icon-only sizes for toolbar buttons
  • Focus ring for keyboard navigation

Preview

Interactive preview with light/dark mode toggle. Switch to Code tab to view the full source.

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/button

Dependencies

radix-uiclass-variance-authority

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/button

Source

components/ui/button.tsx