ComponentReactregistry:ui
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.
This item declares no source files.
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 example
See it in use
Used by 1 item
Built on File Input
Other @ai2 items that list this one as a dependency.
@ai2
