# Label

Text label associated with form controls

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

<!-- -->

```tsx
import { Checkbox, Label } from "@databricks/appkit-ui/react"

export default function LabelExample() {
  return (
    <div>
      <div className="flex items-center space-x-2">
        <Checkbox id="terms" />
        <Label htmlFor="terms">Accept terms and conditions</Label>
      </div>
    </div>
  )
}

```

## Label[​](#label-1 "Direct link to Label")

Text label associated with form controls

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

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

| Prop      | Type      | Required | Default | Description |
| --------- | --------- | -------- | ------- | ----------- |
| `asChild` | `boolean` |          | -       | -           |

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

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

<Label /* props */ />

```
