Components Data Browser

LmnDataBrowserComponent

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

Decorators:	`@Component`
Selectors:	`lmn-data-browser`

Properties

Name	Type	Description
floating r	`InputSignalWithTransform<boolean, unknown>`	Whether the data browser is floating.
nativeElement r	`HTMLElement`
negative r	`InputSignalWithTransform<boolean, unknown>`	Whether the data browser has a negative style.
widthZone r	`Signal<LmnWidthZone \| undefined>`	The current width zone of the data browser.

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

Decorators:	`@Component`
Selectors:	`lmn-data-browser-header`

Name	Type	Description
nativeElement r	`HTMLElement`

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

Decorators:	`@Component`
Selectors:	`lmn-data-browser-header-slot`

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

Decorators:	`@Component`
Selectors:	`lmn-data-browser-panel`

Name	Type	Description
allowResize r	`InputSignalWithTransform<boolean, unknown>`	Whether the panel is floating.
closeButtonAttrAriaDescribedBy r	`InputSignalWithTransform<string \| null, unknown>`	Close button aria described by
closeButtonAttrAriaDescription r	`InputSignalWithTransform<string \| null, unknown>`	Close button aria description
closeButtonAttrAriaLabel r	`InputSignalWithTransform<string \| null, unknown>`	Close button aria label
closeButtonAttrAriaLabelledBy r	`InputSignalWithTransform<string \| null, unknown>`	Close button aria labelled by
closeButtonNegative r	`InputSignalWithTransform<boolean \| undefined, unknown>`	Close button negative style
closeButtonTooltip r	`InputSignalWithTransform<string \| undefined, unknown>`	Tooltip for the close button
hideCloseButton r	`InputSignalWithTransform<boolean, unknown>`	Hide the close button.
nativeElement r	`HTMLElement`	The native element of the panel.
open r	`ModelSignal<boolean>`	Whether the panel is open.
open$ r	`Observable<boolean>`
width r	`Signal<string \| null \| undefined>`
width$ r	`Observable<string \| null>`

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

Decorators:	`@Directive`
Selectors:	`[lmnDataBrowserPanelTrigger]`

Name	Type	Description
fullScreenOnMobile r	`InputSignalWithTransform<boolean, unknown>`	Whether the panel should be displayed in full screen on mobile devices. Default are opened from the bottom.
panel r	`InputSignal<LmnDataBrowserPanelComponent>`	The menu to be opened/closed by this trigger.