# sectionToggled

CustomEvent.detail type: { index: number; sectionId: string; disabled: boolean }. Event names are case-sensitive.

Canonical: https://chart.syidax.com/docs/events/sectionToggled/

<a id="definition"></a>

## Definition

Event name: `sectionToggled`. Names are case-sensitive. Read the payload from `detail` on `CustomEvent<{ index: number; sectionId: string; disabled: boolean }>`.

```javascript
chart.addEventListener('sectionToggled', event => {
  console.log(event.detail); // { index: number; sectionId: string; disabled: boolean }
});
```

<a id="related"></a>

## Related charts

- [sy-funnel-chart](https://chart.syidax.com/docs/components/funnel.md#event-sectionToggled)
- [sy-funnel-chart](https://chart.syidax.com/docs/components/pyramid.md#event-sectionToggled)