File Input (Multiple) with Image preview

File Input (Image) with Image preview.

File Input - Props

Dense

Multiple

Chips

Accept Props (You can specify what kind of files can be selected)

Size

Counter

Prepend Icon

Prepend Inner Icon

File Input - Validation

Similar to other inputs, you can use the rules prop to can create your own custom validation parameters.

File Input - Selection slot

Using the selection slot, you can customize the appearance of your input selections. This is typically done with chips, however any component or markup can be used.

File Input - Complex selection slots

The flexibility of the selection slot allows you accomodate complex use-cases. In this example we show the first 2 selections as chips while adding a number indicator for the remaining amount.