Input

figui/input

FreeComponent

A input component

Live preview

live · rendered by the registry

Rendered by figui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://figui.dev/r/input.json

Source

registry/ui3/ui/input/index.tsxfigui.dev/r/input.json

1export { TextInput } from "./text-input";
2export { NumericInputRoot, NumericScrubArea, NumericInput } from "./numeric-input";
3export { ColorInput } from "./color-input";
4export { ColorChit } from "./color-chit";
5export { InputGroup, InputGroupAddon, InputGroupDivider } from "./input-group";

What it pulls in

npm packages

@base-ui/react
chroma-js

Files it writes

registry/ui3/ui/input/index.tsx
registry/ui3/ui/input/text-input.tsx
registry/ui3/ui/input/numeric-input.tsx
registry/ui3/ui/input/color-input.tsx
registry/ui3/ui/input/color-chit.tsx
registry/ui3/ui/input/input-group.tsx

More from figui

All 12 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Buttonbutton	figui	Components	Free	no deps
Checkboxcheckbox	figui	Components	Free	no deps
Menumenu	figui	Components	Free	1 dep
Radioradio	figui	Components	Free	no deps
Segmented Controlsegmented-control	figui	Components	Free	1 dep
Selectselect	figui	Components	Free	no deps
Separatorseparator	figui	Components	Free	no deps
Sliderslider	figui	Components	Free	2 deps