Components Accordion

Accordion

Overview API Examples Style Tokens

LmnAccordionComponent

import { LmnAccordionComponent } from '@elemental/ui';
Decorators:@Component
Selectors:lmn-accordion

Properties

NameTypeDescription
allowMultipleExpandedPanels
InputSignalWithTransform<boolean, unknown>

Allow to expand and keep open more panels

hideDivider
InputSignalWithTransform<boolean, unknown>

Hide the divider lines between panel

nativeElement
r
HTMLElement
negative
InputSignalWithTransform<boolean, unknown>

Set negative state

togglePosition
InputSignal<LmnAccordionTogglePosition>

Define whether to show the toggle button at the start or end of the Accordion Panel header component.

LmnAccordionPanelComponent

import { LmnAccordionPanelComponent } from '@elemental/ui';
Decorators:@Component
Selectors:lmn-accordion-panel

Properties

NameTypeDescription
customHeader
r
Signal<LmnAccordionPanelHeaderComponent | undefined>
nativeElement
r
HTMLElement
open
r
ModelSignal<boolean>
panelTitle
r
InputSignal<string | undefined>
toggle
r
OutputEmitterRef<boolean>

Methods

closePanel()

Method to close the Accordion panel. Can be called by the parent LmnAccordionComponent

Presentation
closePanel(): void;
Returns
void

openPanel()

Opens the Accordion panel. Can be called by the parent LmnAccordionPanelComponent.

Presentation
openPanel(): void;
Returns
void

togglePanel()

Toggles the Accordion panel's open/closed state.

Presentation
togglePanel(event: Event): void;
Parameters
NameTypeDescription
event
Event
Returns
void

LmnAccordionPanelHeaderComponent

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

Properties

NameTypeDescription
nativeElement
r
HTMLElement

LmnAccordionService

import { LmnAccordionService } from '@elemental/ui';
Decorators:@Injectable

Properties

NameTypeDescription
allowMultipleExpandedPanels
Signal<boolean>
closeAllPanels$
Observable<void>
keepOpenOnlyTheFirstOpenedPanel
WritableSignal<boolean>
negative
Signal<boolean>
showDivider
Signal<boolean>
togglePosition
Signal<LmnAccordionTogglePosition>

Methods

closeAllPanels()

No documentation has been provided.

Presentation
closeAllPanels(): void;
Returns
void

setAllowMultipleExpandedPanels()

No documentation has been provided.

Presentation
setAllowMultipleExpandedPanels(allowMultipleExpandedPanels: boolean): void;
Parameters
NameTypeDescription
allowMultipleExpandedPanels
boolean
Returns
void

setNegative()

No documentation has been provided.

Presentation
setNegative(negative: boolean): void;
Parameters
NameTypeDescription
negative
boolean
Returns
void

setShowDivider()

No documentation has been provided.

Presentation
setShowDivider(showDivider: boolean): void;
Parameters
NameTypeDescription
showDivider
boolean
Returns
void

setTogglePosition()

No documentation has been provided.

Presentation
setTogglePosition(togglePosition: LmnAccordionTogglePosition): void;
Parameters
NameTypeDescription
togglePosition
LmnAccordionTogglePosition
Returns
void