Components Inputs Input Checkbox

Input Checkbox

Overview API Examples Style Tokens

LmnInputCheckboxComponent

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

Constructor

No documentation has been provided.

Presentation
constructor(

Properties

NameTypeDescription
attrAriaDescribedBy
r
InputSignalWithTransform<string, string | undefined>

Define the aria described by attribute

attrId
r
InputSignal<string>

Define the id to associate of input

check
r
OutputEmitterRef<LmnCheckboxChange>

Event emitted when checkbox item is selected or intermediate state change

checked
r
ModelSignal<boolean>

Define if checkbox is checked or not

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

disabled
r
ModelSignal<boolean>

Define if checkbox is disabled or not

disabledMarker
r
InputSignal<string>

Define the disable marker to display near to label

disabledReason
r
InputSignal<string | undefined>

Define the disabled reason text to use as popup triggered by info button

disabledReasonTriggerAttrAriaLabel
r
InputSignal<string>

Define the disabled reason text to use as aria-label for info button

disabledReasonTriggerTooltip
r
InputSignal<string>

Define the disabled reason text to show for tooltip of info button

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

indeterminate
r
ModelSignal<boolean>

Define the indeterminate state

isDisabled
r
Signal<boolean | undefined>

Indicates if the control is disabled

name
r
InputSignal<string | undefined>

Define the name to associate of input

nativeElement
r
HTMLElement
negative
r
InputSignalWithTransform<boolean, unknown>

Define the negative style

required
r
Signal<boolean | undefined>

Indicates if the control is required

requiredMarker
r
InputSignal<string>

Define the required marker to display near to label

requiredTrue
r
Signal<boolean | undefined>

Indicates if the control is true

touched
r
Signal<boolean | undefined>

Indicates if the control is touched

value
r
InputSignal<string | undefined>

Define the value of checkbox that included on change event

Methods

focus()

Allow to focus the internal input element if it is not disabled

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

LmnInputErrorComponent

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

Properties

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

LmnInputAlertComponent

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

Properties

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