Button

@oddapp/ui · Tier 1

Primary interactive control supporting multiple semantic variants and sizes.

Variants

import { Button } from '@oddapp/ui'

<Button variant="default">Default</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="destructive">Destructive</Button>
<Button variant="link">Link</Button>

Sizes

import { Button } from '@oddapp/ui'

<Button size="sm">Small</Button>
<Button size="md">Medium</Button>
<Button size="lg">Large</Button>
<Button size="icon" aria-label="Settings"><SettingsIcon /></Button>

States

import { Button } from '@oddapp/ui'

<Button loading>Saving…</Button>
<Button disabled>Disabled</Button>