A pack of extensions for grommet 2
created:7/7/2021
updated:7/7/2021
loc
61
comments
13%
passed
4
failed
4
coverage
75%

Sidebar

avatar of atanasster
grommet-controls
3.0.2

Collapsible side bar component

$ npm install grommet-controlsimport { Sidebar } from 'grommet-controls';<Sidebar title='My title'>   ...</Sidebar>

import { Sidebar } from 'grommet-controls';

Width

title

Side item
Name
Description
Default
ISidebarProps(4 properties)
title

Title string or any react node

ReactNode
undefined
width

The width of the side bar

string & WidthType
medium
collapsible

Whether the sidebar can be collapsed

boolean
true
children

children content elements to be displayed in Sidebar

ReactNode
-
BoxProps(27 properties)

Commits

Date
Author
Commit Message
8/30/2020

atanasster

avatar of atanasster
update eslint and add component-controls
8/29/2019

atanasster

avatar of atanasster
stories cleanup, welcome page.mdx
8/27/2019

atanasster

avatar of atanasster
initial commit 2.x alpha
3 commits
package
imports
peer
grommet
^2.15.0
ResponsiveContextHeadingButtonBoxPropsBox
*
Menu
*
react
^17.0.1
React
*
file
imports
"./SidebarProps"
ISidebarProps

Stories

Main

My title

Side item

Collapsible

title

Side item

Title

title

Side item