# xpl-header-accordion

The toolbar component allows users to manipulate selections within the Dynamic Table.  It is only visible when a row or cell is in the selected state and bulk actions can be taken on that row or cell. 

> **Note:** This component is currently in beta. Use with caution as it may have breaking changes in future releases.


<!-- Auto Generated Below -->


## Properties

| Property          | Attribute          | Description                                                   | Type      | Default     |
| ----------------- | ------------------ | ------------------------------------------------------------- | --------- | ----------- |
| `contentId`       | `content-id`       | The id of the content region controlled by the accordion.     | `string`  | `undefined` |
| `disabled`        | `disabled`         | Whether the accordion is disabled.                            | `boolean` | `false`     |
| `hasCheckbox`     | `has-checkbox`     | Whether to display a parent checkbox in the accordion header. | `boolean` | `true`      |
| `initialExpanded` | `initial-expanded` | Whether the accordion is expanded initially.                  | `boolean` | `false`     |
| `selectedCount`   | `selected-count`   | The number of selected child items, or -1 to auto-calculate.  | `number`  | `-1`        |


## Dependencies

### Depends on

- [xpl-checkbox](../xpl-checkbox)
- [xpl-icon](../xpl-icon)

### Graph
```mermaid
graph TD;
  xpl-header-accordion --> xpl-checkbox
  xpl-header-accordion --> xpl-icon
  style xpl-header-accordion fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with [StencilJS](https://stenciljs.com/)*