Components Inputs Input Upload

Input Upload

Overview API Examples Style Tokens

LmnInputUploadComponent

import { LmnInputUploadComponent } from '@elemental/ui';

Properties

NameTypeDescription
accept
r
InputSignal<string | undefined>

If defined, an accept="[value]" attribute is added to the Input Upload.

allowClear
r
InputSignalWithTransform<boolean, unknown>

If it is set to true, and both disabled and readonly are set to false, a "clear" button is displayed in the field whenever the field is not empty.

attrId
r
InputSignalWithTransform<string, string | undefined>

If defined, an id="[value]" attribute is added to the Input Upload.

attrName
r
InputSignal<string | undefined>

If it is defined, a name="[value]" attribute is added to the Input Upload.

capture
r
InputSignal<string | undefined>

If defined, a capture="[value]" attribute is added to the Input Upload.

controlDirective
r
Signal<NgControl | ControlContainer | undefined>

Represent the Angular Control associated with the component.

dirty
r
Signal<boolean | undefined>

Indicates if the control is dirty

disabledMarker
r
InputSignal<string>

If it is defined and disabled is set to true, it is displayed as the disabled marker after the label (if visible) of the Input Upload.

disabledReason
r
InputSignal<string>

If it is defined and disabled is set to true, it is displayed as the content of the popover opened by the info button.

disabledReasonTriggerAriaLabel
r
InputSignal<string>

The aria label to be applied to the “i” button displayed when the input is disabled. If is an empty string, disabledReasonTriggerTooltip is used instead.

disabledReasonTriggerTooltip
r
InputSignal<string>

The label to be used in the tooltip applied on hover/focus to the “i” button displayed when the Input Upload is disabled.

dragFilesMessage
r
InputSignal<string>

If it is defined, it is displayed as the label inside the Input Upload.

forceEmptyView
r
InputSignalWithTransform<boolean, unknown>

If it is set to true, the idle view of the component is shown even if the field is filled.

hasError
r
Signal<boolean | undefined>

Indicates if the control has errors

hasVisualError
r
Signal<boolean>

Indicates if the control has a visual error by checking the data-lmn-has-error attribute or the lmn-has-error class

isDisabled
r
Signal<boolean | undefined>

Indicates if the control is disabled

language
r
InputSignal<string | undefined>

If it is defined, it is used as extended label for languageCode.

languageCode
r
InputSignal<string | undefined>

If it is defined, it is displayed as the language marker after the label (if visible) of the Input Upload.

loadingDeterminateAriaLabel
r
InputSignal<string>

If showProgress is true and progress is defined, this label is announced by SRs

loadingIndeterminateAriaLabel
r
InputSignal<string>

If showProgress is true and progress is not defined, this label is announced by SRs

loadingLabel
r
InputSignal<string>

If it is defined and showProgress is set to true, this label is shown after the file name

multiple
r
InputSignal<boolean>

If it is set to true, a multiple attribute is added to the Input Upload, and multiple files will be selectable from the system window.

nativeElement
r
HTMLElement
negative
r
InputSignalWithTransform<boolean, unknown>

It switches the component to its negative mode.

noFileUploadedAriaLabel
r
InputSignal<string>

Label announced by SRs when no file is chosen

progress
r
InputSignal<number | undefined>

It represents the fill percentage of the progress spinner.

required
r
Signal<boolean | undefined>

Indicates if the control is required

requiredMarker
r
InputSignal<string>

If it is defined and required is set to true, it is displayed as the required marker after the label (if visible) of the Input Upload.

requiredTrue
r
Signal<boolean | undefined>

Indicates if the control is true

shape
r
InputSignal<LmnInputUploadShape>

sets the shape of the control

showProgress
r
InputSignalWithTransform<boolean, unknown>

If it is set to true, an indeterminate progress spinner is displayed.If progress is set as well, then the progress spinner becomes determinate.

size
r
InputSignal<LmnInputUploadSize>

sets the size of the control

touched
r
Signal<boolean | undefined>

Indicates if the control is touched

uploadFilesButtonLabel
r
InputSignal<string>

If it is defined, it is displayed as the label of the button of the Input Upload.

Methods

clearButtonTrigger()

No documentation has been provided.

Presentation
clearButtonTrigger(): void;
Returns
void

focus()

Focus the input file element

Presentation
focus(): void;
Returns
void

LmnInputLabelComponent

import { LmnInputLabelComponent } from '@elemental/ui';

Properties

NameTypeDescription
nativeElement
r
HTMLElement

LmnInputHintComponent

import { LmnInputHintComponent } from '@elemental/ui';
Decorators:@Component
Selectors:lmn-input-hint [lmnInputHint]

Properties

NameTypeDescription
nativeElement
r
HTMLElement

LmnInputAlertComponent

import { LmnInputAlertComponent } from '@elemental/ui';
Decorators:@Component
Selectors:lmn-input-alert

Properties

NameTypeDescription
nativeElement
r
HTMLElement
templateRef
r
Signal<TemplateRef<unknown>>