Button

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

Sizes

With Icon

Loading

AI

The ai (solid), ai-soft (secondary-equivalent), and ai-outline variants apply the AI expression for AI-initiated actions. Pair with the AI mark. See the AI Toolkit for guidance.

Installation


npx shadcn@latest add @uipath/button

Usage


import { Button } from "@/components/ui/button"


<Button variant="outline">Button</Button>
 
// AI variants — pair with the AI mark
<Button variant="ai"><AiMark /> Ask AI</Button>
<Button variant="ai-soft"><AiMark /> Summarize</Button>
<Button variant="ai-outline"><AiMark /> Draft with AI</Button>