Label

Label form elements with accessibility.

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.

API Reference

Label

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

Props

htmlFor (required)

string

Matching to a Tamagui form element id.

unstyled

boolean

Removes all default Tamagui styles.

Edit this page on GitHub.

Forms

Panels

Organize

Content

Visual

Etc

Label

Features

Usage

Accessibility

API Reference

Label

Props

htmlFor (required)

unstyled