ts-react-toggle-panel

Scheduler component based on TypeScript and ReactJS

Usage no npm install needed!

<script type="module">
  import tsReactTogglePanel from 'https://cdn.skypack.dev/ts-react-toggle-panel';
</script>

README

ts-react-toggle-panel

example-pic

Look and Feel

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-panel

Usage

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 ''