Ignite UI for React

All
  • Public
  • Public/Protected
  • All

Class IgrFileInput

Slot

prefix - Renders content before the input.

Slot

suffix - Renders content after input.

Slot

helper-text - Renders content below the input.

Slot

file-selector-text - Renders content for the browse button when input type is file.

Slot

file-missing-text - Renders content when input type is file and no file is chosen.

Slot

value-missing - Renders content when the required validation fails.

Slot

custom-error - Renders content when setCustomValidity(message) is set.

Slot

invalid - Renders content when the component is in invalid state (validity.valid = false).

Csspart

container - The main wrapper that holds all main input elements.

Csspart

input - The native input element.

Csspart

label - The native label element.

Csspart

file-names - The file names wrapper when input type is 'file'.

Csspart

file-selector-button - The browse button when input type is 'file'.

Csspart

prefix - The prefix wrapper.

Csspart

suffix - The suffix wrapper.

Csspart

helper-text - The helper text wrapper.

Callable

  • IgrFileInput(): ReactNode

    Returns ReactNode

Accessors

Events

Properties

Accessors

files

files: FileList

Returns the selected files, if any; otherwise returns null.

Events

onCancel

onCancel: (args: CustomEvent<FileList>) => void

Emitted when the control's file picker dialog is canceled.

Type declaration

onChange

onChange: (args: CustomEvent<FileList>) => void

Emitted when the control's checked state changes.

Type declaration

Properties

accept

accept: string

The accept attribute of the control. Defines the file types as a list of comma-separated values that the file input should accept.

autofocus

autofocus: boolean

The autofocus attribute of the control.

multiple

multiple: boolean

The multiple attribute of the control. Used to indicate that a file input allows the user to select more than one file.

value

value: string

The value of the control.