Label

Label form elements with accessibility.

Name

Notifications

Features

Supports nested controls and custom controls.

Sizable and stylable inline.

Works on web with aria-labelledby.

Usage

import { Label } from 'tamagui'

export default () => (
  <>
    <Label htmlFor="name">Name</Label>
    <Input id="name" defaultValue="Nate Wienert" />
  </>
)

Accessibility

Use with Input or other form elements to automatically get correct labelling by id and aria-labelledby. You can also use the provided useLabelContext hook to build your own controls.

Label props

Labels extend Stack views inheriting all the Tamagui standard props, plus:

Props

htmlFor (required)

string

Matching to an Input or Switch id.

Edit this page on GitHub.

Forms

Panels

Content

Visual