Input

Input — primitive (compat shim).

primitivesstablea11y: untested1/3 coverageEdit on GitHub ↗

Live playground

Edit the JSX below — preview updates instantly. Switch brand × tone in the toolbar to see the same component re-themed in place.

Livebrandtone

Edit JSX — preview updates livereact-live

import { Input } from "@avala/design";

<Input>Input</Input>

Variants

This component doesn't have a Storybook story yet. The catalog still tracks it so the gap is visible — see web/components/primitives/input.tsx for the source.

When to use

You're porting a file from @avala/ui and the original called <Input />. Swap the import path; ship the migration; come back later to upgrade the call site.

When not to use

New code → use `TextInput`. It includes label, helper text, error state, and Carbon's size matrix out of the box.