eds-input-file

See It in Use with Code

Check out this practical implementation of component.

Property	Attribute	Description	Type	Default
`accept`	`accept`	Accepted file types (e.g., “.pdf,.png,.jpg” or “image/*”).	`string`	`undefined`
`buttonLabel`	`button-label`	Button label text. Defaults to “Choose Files” (or “Choose File” if not multiple).	`string`	`undefined`
`disabled`	`disabled`	If `true`, the input is disabled.	`boolean`	`false`
`inputId`	`input-id`	The `id` attribute of the internal input element. Defaults to `name` if not set.	`string`	`undefined`
`maxFileSize`	`max-file-size`	Maximum file size in bytes. If not set, no size limit is enforced client-side.	`number`	`undefined`
`multiple`	`multiple`	If `true`, allows multiple file selection.	`boolean`	`false`
`name` (required)	`name`	The `name` attribute of the input element. Required for form submission.	`string`	`undefined`
`required`	`required`	If `true`, the input is required.	`boolean`	`false`

Event	Description	Type
`edsfile`	Emits when files are selected or removed. Use `event.detail.files` to access the FileList.	`CustomEvent<{ files: File[]; }>`

graph TD;
  eds-input-field --> eds-input-file
  style eds-input-file fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS