File Input

Default

Preview

index.tsx

Choose file

Preview

index.tsx

Choose file

Alternative

Preview

index.tsx

Choose file

Preview

index.tsx

Choose file

Design Tokens for FileInput

Note: FileInput uses the same design tokens as the Input component. See BaseInput Design Tokens for available tokens.

FileInput API Reference

`<FileInput />`

Prop	Type	Default	Description
multiple	boolean	false	Allow multiple file selection
accept	string		Accepted file types (e.g. 'image/*')
onChange	function (event)		Callback when file(s) selected
...InputProps	See Input		Inherits all props from Input

Note: FileInput inherits all props from Input and the native input element. See Input documentation for full details on available props and tokens.