Documented
The component is fully documented
Figma component
Includes a link to a Figma component that has been imported to Supernova
Status
The component has a health status indicated
Healthy
Overview
The upload component is an input field for images.
Usage
- Ensure the upload field has a concise, descriptive label indicating the type of files to be uploaded.
- Include visual feedback for file selection and upload progress to inform users of the upload status.
- Enforce constraints on file size and type to prevent upload errors and ensure compatibility (e.g., "Max size: 5MB, Accepted formats: .jpg, .png, .pdf").
- Make the upload field accessible by providing keyboard navigation, screen reader support, and clear error messages for failed uploads.
Variants
The upload field component consists of two states: default and hover. The component text should be changed to fit the context of the component (describing file size, file type, image names, etc.).
