Button

1import { Button } from "passport-ui";

1<Button variant="outline">Button</Button>
2 
3{/* Different variants */}
4<Button variant="primary">Primary</Button>
5<Button variant="destructive">Destructive</Button>
6<Button variant="outline">Outline</Button>
7<Button variant="secondary">Secondary</Button>
8<Button variant="ghost">Ghost</Button>
9<Button variant="link">Link</Button>
10 
11{/* Different sizes */}
12<Button variant="primary" size="medium">Medium</Button>
13<Button variant="primary" size="large">Large</Button>
14 
15{/* Loading state */}
16<Button variant="primary" loading loadingText="Saving…">
17  Save Changes
18</Button>