Chi Design System

File inputs

In order to use a file input just use an input type="file" with the class a-input and add a label next to it.

<input type="file" class="a-input" id="file01">
<label for="file01">No file chosen</label>

We have two modifiers in relation to the size of the component.

  • -small
  • -large

small size

large size

Example

<input type="file" class="a-input -small" id="file01">
<label for="file01">No file chosen</label>