1.0.4 • Published 4 years ago
ts-react-toggle-panel v1.0.4
ts-react-toggle-panel
Abstract:
Here you will find a ReactJS component with which you can display your data in a togglable panel.
Features:
- Design based on Material-UI
- Properties to help you with an individual design
- Functions as properties to help with the further use of the data
- TypeScript implementation
- ...
Installation
npm install --save ts-react-toggle-panelUsage
import {
TogglePanel
} from 'ts-react-toggle-panel';
...
<TogglePanel />CSS
./node_modules/ts-react-toggle-panel/dist/index.css;
Properties
| Property | Type | Required | Default | Info |
|---|---|---|---|---|
| allowToggle | boolean | false | true | |
| children | React node | false | children | |
| contentHeight | number | false | 300 | |
| expanded | boolean | false | true | |
| headerTitle | string | false | Tsdev React Toggle Panel | can be used for translation |
| id | string | false | TsdevReactTogglePanel | |
| onToggle | func | false | noop | first argument is an object with keys: id (string), expanded (boolean) |
| showToggleIcon | boolean | false | true | |
| subClass | string | false | '' |