Image picker

Overview

A field for image selection and upload. The component supports a number of image appearance options, fitting types, multi-file upload, required field, and maximum size validation. You can choose a direct file upload or upload via URL.

Properties

Name
Type
Description

name

string

Component name

value

string | File | Blob

Current component value

valid

boolean

Indicates if the component is valid

validating

boolean

Indicates if the component is validating

disabled

boolean

Indicates whether the component is disabled

Methods

Name
Parameters
Returns
Description

setValue

value: string

| File | Blob

void

Set component value

setDisabled

disabled: boolean

void

Disable or enable the component

reset

โ€“

void

Reset component to the initial value

focus

โ€“

void

Set focus on the component

validate

โ€“

void

Trigger form validation

resetValidation

โ€“

void

Clear validation errors

setErrors

errors: string |

string[] | null

void

Mark the component as invalid and display errors

setRequired

required: boolean

void

Set component required state

Triggers

Name
Description

On Change

Triggered when the component's state changes

On Enter

Triggered when the Enter key is pressed

On Focus

Triggered when the component is in focus

On Blur

Triggered when the component loses focus

On Init

Triggered when the component is initialized

Working with the component

Multi-file upload & Append files

To activate multi-file upload, select the Multiple checkbox in component's settings. Once selected, the Append files option will appear which is enabled by default. It allows you to add new files without replacing the existing ones.

Last updated

Was this helpful?