s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Forms and controls

FilePicker

No summary has been written for FilePicker. Everything below is generated from the declaration shipped in 0.44.0 and describes the real contract.

Public export

typescript
import { FilePicker } from '@happyvertical/smrt-ui/forms';
Import path
@happyvertical/smrt-ui/forms
Props
7
Props described
7 of 7
Bindable state
0
Callback events
1
Verified release
0.44.0

Props

Also accepts Omit<HTMLInputAttributes, 'type' | 'class' | 'value' | 'files'>. The table lists the component-specific contract.

NameTypeRequiredDescription
filesFile[]NoSelected files array (bindable).
labelstringNoLabel text for the file input button.
descriptionstringNoDescription text shown in the drop area.
dropzonebooleanNoWhether to enable drag-and-drop file handling.
classstringNoCSS class to apply to the file picker.
interactionControlInteractionOptions | falseNoInteraction options or false to disable all.
onchangefiles(files: File[]) => voidNoCallback when files are selected or changed.

Bindable state

This component has no bindable public state.

Callback events

  • onchangefiles(files: File[]) => void

Examples and explanation