FormLabel

Theme Variables: Modify theme tokens in your @sparkle/theme configuration
CSS Classes: Apply custom CSS classes via the className prop
CSS-in-JS: Use styled-components or emotion with the component

Form label component with theme-aware styling and proper accessibility associations and required field indicators

Uses CSS custom properties from @sparkle/theme for consistent theming across light/dark modes and supports disabled states.

Import

import { FormLabel } from '@sparkle/ui'

Prop	Type	Required	Default	Description
`children`	`React.ReactNode`	✓	``	Label children content
`required`	`boolean \| undefined`		``	Whether the field is required
`disabled`	`boolean \| undefined`		``	Whether the field is disabled
`description`	`string \| undefined`		``	Optional description text for the field

This component uses CSS custom properties from @sparkle/theme for consistent styling across light and dark modes.

You can customize the appearance by:

This component follows accessibility best practices with proper ARIA attributes and keyboard support.