# Button

Clickable button with multiple variants and sizes

## Example[​](#example "Direct link to Example")

<!-- -->

```tsx
import { Button } from "@databricks/appkit-ui/react"

export default function ButtonExample() {
  return <Button>Button</Button>
}

```

## Button[​](#button-1 "Direct link to Button")

Clickable button with multiple variants and sizes

**Source:** [`packages/appkit-ui/src/react/ui/button.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/button.tsx)

### Props[​](#props "Direct link to Props")

| Prop      | Type                                                                                  | Required | Default | Description |
| --------- | ------------------------------------------------------------------------------------- | -------- | ------- | ----------- |
| `variant` | `"link" \| "default" \| "destructive" \| "secondary" \| "outline" \| "ghost" \| null` |          | -       | -           |
| `size`    | `"default" \| "sm" \| "lg" \| "icon" \| "icon-sm" \| "icon-lg" \| null`               |          | -       | -           |
| `asChild` | `boolean`                                                                             |          | `false` | -           |

### Usage[​](#usage "Direct link to Usage")

```tsx
import { Button } from '@databricks/appkit-ui';

<Button /* props */ />

```