Components/File Input

Search documentation

Jump to any guide or component.

↑↓ move · Enter open · Esc close

Forms · FileInput

SSR NativeAccessible

File Input

Provides an accessible file picker with selection feedback.

Live previewv0.1.4
Astro
---
import { FileInput } from '@charvesta/cetha';
---

<FileInput id="assets" label="Upload assets" description="PNG or SVG" accept="image/*" />

API reference

PropTypeDefaultDescription
id*stringInput identifier.
label*stringVisible picker label.
acceptstringAccepted file types.
multiplebooleanfalseAllows multiple files.
classstringAdditional classes forwarded to the rendered element.

Accessibility

Uses a native file input and exposes the chosen file name.