File input
Examples
To render a file input, apply the class chi-file-input
to an input type="file"
and add a label next to it.
Base #
This HTML Blueprint requires JavaScript to update the label
content once a file or files have been selected.
You may use your own JavaScript solution, or use Chi's example below.
Disabled #
This HTML Blueprint requires JavaScript to update the label
content once a file or files have been selected.
You may use your own JavaScript solution, or use Chi's example below.
Sizes #
File inputs support sizes:-xs
,-sm
,-md
,-lg
,-xl
. The default size is -md
.