DevExtreme Angular - Control the Behavior

By default, exactly one panel can be in the expanded state at one moment. To change this, switch the collapsible and multiple options to true.

HTML
TypeScript
  • <dx-accordion
  • [collapsible]="true" <!-- All panels may be collapsed -->
  • [multiple]="true"> <!-- Multiple panels may be expanded -->
  • </dx-accordion>
  • import { DxAccordionModule } from "devextreme-angular";
  • // ...
  • export class AppComponent {
  • // ...
  • }
  • @NgModule({
  • imports: [
  • // ...
  • DxAccordionModule
  • ],
  • // ...
  • })
See Also