‘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>
any
Sets the text content to be displayed for the Accordion item.
You can set the content of the Accordion item using content
property.
It also supports to include the title as HTML element
, string
, or query selector
.
Defaults to null
any
Defines single/multiple classes (separated by a space) are to be used for Accordion item customization.
Defaults to null
any
Sets true to disable an accordion item.
Defaults to false
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
any
Sets the header text to be displayed for the Accordion item.
You can set the title of the Accordion item using header
property.
It also supports to include the title as HTML element
, string
, or query selector
.
Defaults to null
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
any
Sets unique ID to accordion item.
Defaults to null
any
Sets false to hide an accordion item.
Defaults to true