Forms

Label

The name of a control. Field uses it for you.

import { Label } from "@flinbu/seed";

Required and small

OrganizationSmall label

import { Label } from "@flinbu/seed";

<div className="flex flex-col gap-xxs">
  <Label htmlFor="org" required>Organization</Label>
  <input id="org" className="sr-only" />
  <Label size="sm">Small label</Label>
</div>

Use it for

Custom layouts where Field doesn't fit.

Props

Prop	Type	Default	Description
`required`	`boolean`	`none`	Adds a red asterisk (decorative).
`disabled`	`boolean`	`none`	Dimmed.
`size`	`'sm' \| 'md'`	`'md'`	12 or 14 px.
`className`	`string`	`none`	Extra classes. They win over Seed's, so you can adjust one thing without forking.

Accessibility

Always point it at the control with htmlFor.