Skip to main content

@microsoft/fast-foundation > AccordionItem

AccordionItem class

An individual item in an Accordion.

start - Content which can be provided between the heading and the icon

end - Content which can be provided between the start slot and icon

heading - Content which serves as the accordion item heading and text of the expand button

  • The default slot for accordion item content

expanded-icon - The expanded icon

collapsed-icon - The collapsed icon

change - Fires a custom 'change' event when the button is invoked

heading - Wraps the button

button - The button which serves to invoke the item

heading-content - Wraps the slot for the heading content within the button

icon - The icon container

expanded-icon - The expanded icon slot

collapsed-icon - The collapsed icon

region - The wrapper for the accordion item content

Signature:
export declare class AccordionItem extends FoundationElement 

Properties

PropertyModifiersTypeDescription
expandedbooleanExpands or collapses the item.
headinglevel1 | 2 | 3 | 4 | 5 | 6Configures the level of the heading element.
idstringThe item ID