MediaPicker
Surface for accepting media
import { MediaPicker } from '@kalidao/reality'
name | type | default | description |
|---|---|---|---|
accept | Accept | image/jpeg, image/png, image/webp, image/gif, video/mp4, video/ogg, video/webm | - |
autoFocus | boolean | - | - |
compact | boolean | - | Show smaller input |
cover | boolean | - | - |
defaultValue | { name?: string; type: string; url: string; } | - | - |
disabled | boolean | - | - |
error | ReactNode | - | - |
id | string | - | - |
label* Required | ReactNode | - | - |
maxSize | number | 5 | Size in megabytes |
name | string | - | - |
required | boolean | - | - |
tabIndex | number | - | - |
uploadProgress | number | - | - |
uploaded | boolean | - | - |
uploading | boolean | - | - |
onBlur | FocusEventHandler<HTMLInputElement> | - | - |
onError | (error: string) => void | - | - |
onChange | (file: File) => void | - | - |
onFocus | FocusEventHandler<HTMLInputElement> | - | - |
onReset | () => void | - | - |