File inputs have default styling, showing the file name and a button to select a file. You can change the radius factor of the input with the rounded prop.
Show codeHide code
Name
Type
Default
roundedThe radius of the file input.
@since
2.0.0
@default
'sm'
Show exampleHide example
sizeThe size of the input.
@default
'md'
Show exampleHide example
labelThe label to display for the file input.
Show exampleHide example
idThe form input identifier.
Show exampleHide example
contrastThe contrast of the input.
@since
2.0.0
@default
'default'
Show exampleHide example
classesOptional CSS classes to apply to the wrapper, label, input, text, error, and icon elements.
Show exampleHide example
iconThe icon to display for the file input.
Show exampleHide example
placeholderThe placeholder to display for the file input.
Show exampleHide example
errorAn error message or boolean value indicating whether the file input is in an error state.
Show exampleHide example
text-valueMethod to return the text value of the file input.
Show exampleHide example
loadingWhether the file input is in a loading state.
Show exampleHide example
color-focusWhether the color of the file input should change when it is focused.
Show exampleHide example
Name
Type
elThe underlying HTMLInputElement element.
The underlying HTMLInputElement element.