Components

Label

Give each form control a clear name.

Preview

Full name

Usage

import { Label, Input } from '@fwenthehunter/friendly-ui';

<Label htmlFor="name">Full name</Label>
<Input id="name" name="name" autoComplete="name" />

Renders a native label. Use htmlFor to point to the input’s id. Clicking the label focuses its associated field. Keep ids unique on each page.

Props

Components accept native HTML props, className, and style. Server-compatible primitives also forward React 19 refs; Modal manages its own dialog ref.