The Search Input component allows users to enter text queries to quickly find relevant content within an interface. It typically includes a text field and a search icon, and may offer additional features such as auto-suggestions, clear input functionality, or filters. Designed to be lightweight and accessible, this component helps streamline navigation and improve content discoverability.
A clickable element that opens the native file picker, allowing users to browse and select files from their device.
Supported formats: jpg, png, pdf. Maximum size: 100 MB
Supported formats: jpg, png, pdf. Maximum size: 100 MB
Supported formats: jpg, png, pdf. Maximum size: 100 MB
Supported formats: jpg, png, pdf. Maximum size: 100 MB
Uploaded images (JPG, PNG, GIF, SVG) show a live preview/thumbnail for quick recognition. Each image should include filename, size, and status.
uploading
success
uploaded
error
error-messages
file-name: truncation
file-name: hover
Drag and drop or choose files
Supported formats: jpg, png, pdf.
Maximum size: 100 MB
Drag and drop or choose files
Supported formats: jpg, png, pdf.
Maximum size: 100 MB
default
Drag and drop or choose files
Supported formats: jpg, png, pdf.
Maximum size: 100 MB
hover
Drag and drop or choose files
Supported formats: jpg, png, pdf.
Maximum size: 100 MB
active
Drag and drop or choose files
Supported formats: jpg, png, pdf.
Maximum size: 100 MB
focus
Drag and drop or choose files
Supported formats: jpg, png, pdf.
Maximum size: 100 MB