MediaPicker
Surface for accepting media
import { MediaPicker } from 'degen'
name | type | default | description |
|---|---|---|---|
accept | Accept | image/jpeg, image/png, image/webp, image/gif, video/mp4, video/ogg, video/webm | - |
autoFocus | boolean | - | - |
borderWidth | ConditionalStyle<Values<MapLeafNodes<{ '0': string; px: string; '0.375': string; '0.5': string; '0.75': string; '1': string; '2': string; }, CSSVarFunction>, { defaultClass: string; conditions: { ...; }; }>> | 0.5 | - |
compact | boolean | - | Show smaller input |
cover | boolean | - | - |
defaultValue | { name?: string; type: string; url: string; } | - | - |
disabled | boolean | - | - |
error | ReactNode | - | - |
height | ConditionalStyle<Values<MapLeafNodes<{ '0': string; px: string; '0.5': string; '1': string; '1.5': string; '2': string; '2.5': string; '3': string; '3.5': string; '4': string; '5': string; '6': string; '7': string; '8': string; '9': string; '10': string; '11': string; '12': string; ... 28 more ...; none: string; }, ... | - | - |
id | string | - | - |
label* Required | ReactNode | - | - |
labelTextColor | "textSecondary" | "textTertiary" | textSecondary | - |
labelTextSize | ConditionalStyle<Values<{ inherit: "inherit"; headingOne: CSSVarFunction; headingTwo: CSSVarFunction; headingThree: CSSVarFunction; extraLarge: CSSVarFunction; ... 5 more ...; root: CSSVarFunction; }, { ...; }>> | compact ? 'base' : 'large' | - |
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 | - | - |