Components Inputs Input Search

LmnSearchDirective

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

Decorators:	`@Directive`
Selectors:	`lmn-input-text[lmnSearch]` `lmn-input-autocomplete[lmnSearch]`

Use lmn-input-text[lmnSearch] or lmn-input-autocomplete[lmnSearch] selector to use this component as a search input.

Properties

Name	Type	Description
changeScope r	`OutputEmitterRef<string \| number>`
defaultSearchScope r	`InputSignal<string \| undefined>`
nativeElement r	`HTMLElement`
negative r	`InputSignalWithTransform<boolean, unknown>`
searchButton r	`Signal<LmnButtonComponent \| undefined>`
searchScopes r	`InputSignal<LmnSearchScope[]>`
searchScopesButton r	`Signal<LmnButtonComponent \| undefined>`
searchTerm r	`OutputEmitterRef<string>`

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

Decorators:	`@Directive`
Selectors:	`button[lmnSearchAction]`

Name	Type	Description
nativeElement r	`HTMLElement`

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

Decorators:	`@Directive`
Selectors:	`button[lmnSearchScopesAction]`

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

Decorators:	`@Component`
Selectors:	`lmn-input-label` `[lmnInputLabel]`

Name	Type	Description
nativeElement r	`HTMLElement`

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

Decorators:	`@Component`
Selectors:	`lmn-input-hint` `[lmnInputHint]`

Name	Type	Description
nativeElement r	`HTMLElement`

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

Decorators:	`@Component`
Selectors:	`lmn-input-error`

Name	Type	Description
nativeElement r	`HTMLElement`
templateRef r	`Signal<TemplateRef<unknown>>`

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

Decorators:	`@Component`
Selectors:	`lmn-input-alert`

Name	Type	Description
nativeElement r	`HTMLElement`
templateRef r	`Signal<TemplateRef<unknown>>`