Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

accordion-panel

v2.11.1arrow_drop_down
v2.11.1
v2.6.5
v2.5.5
STATUS
Passing
DOWNLOADS
167
LICENSE
Apache 2.0
VISIBILITY
Public
PUBLISHED
A month ago
SIZE
41 KB
An Accordion panel.
2 contributors
Install accordion-panel as a package?
Copied
npm i @bit/grommet.grommet.accordion-panel
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
toggle layout
modifieddraft
chevron_left
chevron_right

AccordionPanel

An Accordion panel.

Properties

label

The panel label.

string
node

header

If specified, the entire panel header will be managed by the caller.

node

Intrinsic element

div

Theme

accordion.heading.level

The heading level used for the accordion. Expects number.

Defaults to

4

accordion.icons.collapse

The icon to use when the panel is expanded. Expects React.Element.

Defaults to

<FormUp />

accordion.icons.color

The icon color to use in the accordion. Expects string | { dark: string, light: string }.

Defaults to

control

accordion.icons.expand

The icon to use when the panel is collapsed. Expects React.Element.

Defaults to

<FormDown />

accordion.border.color

The border color to use in the accordion. Expects string | { dark: string, light: string }.

Defaults to

border

accordion.border.side

The border side to use in the accordion. Expects string.

Defaults to

bottom