Button

Extended Features

• Success, Info, and Warning color variants
• Loading state

Install

Configure your registry in components.json:

{
  "registries": {
    "@uxio": "https://ui.uxio.dev/r/styles/{style}/{name}.json"
  }
}

Then run:

npx shadcn@latest add @uxio/button

Examples

Success Variant

For positive actions like confirmations or completed states.

Info Variant

For informational actions or neutral highlights.

Warning Variant

For cautionary actions that require attention.

Loading

Set loading to show a spinner and disable the button while async work runs.