Skip to content

FilePicker

Jonathan Langlois edited this page Dec 1, 2020 · 3 revisions

FilePicker

Input to select a file. We may want to use a pre-made component when js enabled, and props may need to be updated depending on the component chosen. Can use HTML <input type="file" /> as fallback.

Group Prop Type Description
Sizes mini boolean Sizing options intended to modify font-size and padding
tiny
small
medium
large
big
huge
Proportion full-height (non-themable) boolean Component takes 100% of parent height
full-width (non-themable) Component takes 100% of parent width
Disabled disabled boolean Disable input

Expected behaviours in progressive enhancements

HTML

  • it selects a file using HTML file input type

HTML + CSS

  • it applies the theme styles; no additional functional enhancement.

HTML + CSS + JS

  • TBD, can decide to use an external component for additional interactivity.
Clone this wiki locally