2019-07-22 14:48:06 +00:00
|
|
|
# ToggleContent
|
|
|
|
|
2019-11-21 13:34:01 +00:00
|
|
|
ToggleContent allow you to adding information, which you may hide/show by clicking header
|
|
|
|
|
|
|
|
### Usage
|
2019-07-22 14:48:06 +00:00
|
|
|
|
|
|
|
```js
|
2021-02-25 21:19:45 +00:00
|
|
|
import ToggleContent from "@appserver/components/toggle-content";
|
2019-07-22 14:48:06 +00:00
|
|
|
```
|
|
|
|
|
2019-11-21 13:34:01 +00:00
|
|
|
```jsx
|
|
|
|
<ToggleContent>
|
|
|
|
<span>Some text</span>
|
|
|
|
</ToggleContent>
|
2019-07-22 14:48:06 +00:00
|
|
|
```
|
|
|
|
|
|
|
|
#### Properties
|
|
|
|
|
2022-02-16 18:30:52 +00:00
|
|
|
| Props | Type | Required | Values | Default | Description |
|
|
|
|
| -------------- | :------------: | :------: | :----: | :----------: | --------------------------- |
|
|
|
|
| `className` | `string` | - | - | - | Accepts class |
|
|
|
|
| `id` | `string` | - | - | - | Accepts id |
|
|
|
|
| `isOpen` | `bool` | - | - | `false` | State of component |
|
|
|
|
| `label` | `text` | ✅ | - | `Some label` | Define label for header |
|
|
|
|
| `style` | `obj`, `array` | - | - | - | Accepts css style |
|
|
|
|
| `enableToggle` | `bool` | - | - | `true` | Show/hide toggle functional |
|