FileChip
Each example below is a real component instance — flip the theme toggle to see how it adapts.
Complete#
runbook-oncall.pdf
2.4 MB
Uploading#
Loading…
Failed#
Loading…
Stack#
Loading…
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| name * | string | — | Filename to display. |
| size | ReactNode | — | Right-of-name label (size, status). Often `2.4 MB` or `failed`. |
| progress | number | undefined | — | When set, renders a progress bar at the bottom (0..100). Used for upload UX. |
| icon | ReactNode | — | Replace the file-extension thumb. |
| onRemove | (() => void) | undefined | — | When provided, renders a remove (×) button. |
| failed | boolean | undefined | — | When true, signals an error state (red status text + red bar). |