Class UIAccordionItem

A single collapsible panel inside a <ui-accordion>.

Example

<ui-accordion>
  <ui-accordion-item label="Section 1">
    Panel content here
  </ui-accordion-item>
</ui-accordion>

Index

Constructors

constructor

new UIAccordionItem(): UIAccordionItem
Returns UIAccordionItem

Properties

`Readonly`ariaLabel

ariaLabel: InputSignal<string | undefined> = ...

Accessible label override.

`Readonly`disabled

disabled: InputSignal<boolean> = ...

Whether this panel is disabled (cannot toggle).

`Readonly`expanded

expanded: ModelSignal<boolean> = ...

Whether this panel is expanded. Supports two-way binding.

`Readonly`expandedChange

expandedChange: OutputEmitterRef<boolean> = ...

Emitted when the panel is toggled.

`Readonly`label

label: InputSignal<string> = ...

Header label text.

Methods

collapse

collapse(): void
Collapse the panel.

Returns void
- Defined in packages/ui-kit/src/lib/accordion/accordion-item.component.ts:94

expand

expand(): void
Expand the panel.

Returns void
- Defined in packages/ui-kit/src/lib/accordion/accordion-item.component.ts:84

toggle

toggle(): void
Toggle the expanded state.

Returns void
- Defined in packages/ui-kit/src/lib/accordion/accordion-item.component.ts:69

Class UIAccordionItem

Example

Index

Constructors

Properties

Methods

Constructors

constructor

Returns UIAccordionItem

Properties

`Readonly`ariaLabel

`Readonly`disabled

`Readonly`expanded

`Readonly`expandedChange

`Readonly`label

Methods

collapse

Returns void

expand

Returns void

toggle

Returns void

Settings

On This Page

Class UIAccordionItem

Example

Index

Constructors

Properties

Methods

Constructors

constructor

Returns UIAccordionItem

Properties

ReadonlyariaLabel

Readonlydisabled

Readonlyexpanded

ReadonlyexpandedChange

Readonlylabel

Methods

collapse

Returns void

expand

Returns void

toggle

Returns void

Settings

On This Page

`Readonly`ariaLabel

`Readonly`disabled

`Readonly`expanded

`Readonly`expandedChange

`Readonly`label