## Panoramax.components.ui.TogglableGroup ⇐ [lit.LitElement](https://lit.dev/docs/api/LitElement/)
**Kind**: static class of Panoramax.components.ui
**Extends**: [lit.LitElement](https://lit.dev/docs/api/LitElement/)
**Element**: pnx-togglable-group
**Slot**: `button` The button on which click leads to open/close menu
**Slot**: `default` The menu to make shown/hidden on button click
* [.TogglableGroup](#Panoramax.components.ui.TogglableGroup) ⇐ [lit.LitElement](https://lit.dev/docs/api/LitElement/)
* [new TogglableGroup()](#new_Panoramax.components.ui.TogglableGroup_new)
* [.properties](#Panoramax.components.ui.TogglableGroup+properties) : Object
### new TogglableGroup()
Togglable Group element allows to make a menu appear/disappear based on button click.
**Example**
```html
Open menu
Menu content
```
### togglableGroup.properties : Object
Component properties.
**Kind**: instance property of [TogglableGroup](#Panoramax.components.ui.TogglableGroup)
**Properties**
| Name | Type | Description |
| --- | --- | --- |
| [padded] | string | If set, adds a 15px padding to the menu panel. |