Search results

AccordionModel

Interface for a class Accordion

Properties

clicked

EmitType<AccordionClickArgs>

The event will be fired while clicking on the Accordion headers.

created

EmitType<Event>

The event will be fired once the control rendering is completed.

destroyed

EmitType<Event>

The event will be fired when the control gets destroyed.

expanded

EmitType<ExpandEventArgs>

The event will be fired after the item gets collapsed/expanded.

expanding

EmitType<ExpandEventArgs>

The event will be fired before the item gets collapsed/expanded.

animation

AccordionAnimationSettingsModel

Specifies the animation configuration settings for expanding and collapsing the panel.

enablePersistence

boolean

Enable or disable persisting component’s state between page reloads.

enableRtl

boolean

Enable or disable rendering component in right to left direction.

expandMode

string

Specifies the options to expand single or multiple panel at a time. The possible values are:

  • Single: Sets to expand only one Accordion item at a time.
  • Multiple: Sets to expand more than one Accordion item at a time.

height

string | number

Specifies the height of the Accordion in pixels/number/percentage. Number value is considered as pixels.

items

AccordionItemModel[]

An array of item that is used to specify Accordion items.

  let accordionObj: Accordion = new Accordion( {
       items : [
         { header: 'Accordion Header', content: 'Accordion Content' }]
       });
  accordionObj.appendTo('#accordion');

locale

string

Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.

width

string | number

Specifies the width of the Accordion in pixels/number/percentage. Number value is considered as pixels.