ComponentReactregistry:ui3 dependencies
File Input
file-input
Styled file picker: hidden native input under a custom surface with a leading icon (lucide or remixicon), placeholder or selected file name, multiple-file count and an optional clear button. Follows the Input contract: 3 variants (outline, soft, ghost), 3 sizes (sm, md, lg), 3 tones (neutral, success, danger). States: empty, selected, disabled, invalid via aria-invalid.
Notes from the author
Use in place of a bare input[type=file]. The icon prop swaps the paperclip; clearable={false} hides the clear button. Reads files from the native change event, so existing form handling keeps working.
1 demo
See it in use
Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.
Usage example for the ai2 file-input component.
@ai2