Getting Started
Foundations
Components
Search for a command to run...
Labels provide accessible names for form controls and help users understand what information is expected in an input field. When properly associated with an input (using htmlFor/id), clicking the label will focus the associated control. This is especially important for small controls like checkboxes and radio buttons, as it increases the clickable area.
Built on top of Radix UI's Label primitive with proper accessibility support and automatic association with form controls.
import { Label } from "@strongtie/design-system/label"All components extend Radix UI primitives. See the Radix UI documentation for all available props.
Components can be styled using the className prop. The design system uses Tailwind CSS for styling.
The following data attributes are used to identify component parts:
labelOther CSS classes used by this component:
labelThis component inherits accessibility features from Radix UI, including: