Accordion - AccordionItemDirective

30 Sep 20261 minute to read

‘e-accordionitem’ directive represent a item of the Angular Accordion.
It must be contained in a Accordion component(ejs-accordion).

<ejs-accordion>
  <e-accordionitems>
   <e-accordionitem header='Header1'></e-accordionitem>
   <e-accordionitem header='Header2' content='Content2'></e-accordionitem>
  </e-accordionitems>
</ejs-accordion>

Properties

cssClass any

Defines single/multiple classes (separated by a space) are to be used for Accordion item customization.

Defaults to null

disabled any

Sets true to disable an accordion item.

Defaults to false

expanded any

Sets the expand (true) or collapse (false) state of the Accordion item. By default, all the items are in a collapsed state.

Defaults to false

iconCss any

Defines an icon with the given custom CSS class that is to be rendered before the header text.
Add the css classes to the iconCss property and write the css styles to the defined class to set images/icons.
Adding icon is applicable only to the header.

Defaults to null

id any

Sets unique ID to accordion item.

Defaults to null

visible any

Sets false to hide an accordion item.

Defaults to true