Top
Panel - Getting started
Panel
Zippytech React Toolkit is distributed via npm. So getting it installed is as easy as:
$ npm install @zippytech/react-toolkit --save
Or, if you are using yarn you have to run:
$ yarn add @zippytech/react-toolkit
To start using the <Panel /> component, all you need to import is React, the code and styles of the component itself: @zippytech/react-toolkit/Panel and @zippytech/react-toolkit/Panel/index.css.
This is the most basic setup for a <Panel />. In the following sections we'll explore how to use the <Panel /> in various scenarios, styling and supported props.
The title of <Panel /> can be customized with alignment (via titleAlign), position (via titleBarPosition), rotation (via titleRotate) and style (via titleStyle).
Or, you can configure the padding of the <Panel /> with bodyStyle.