A pack of extensions for grommet 2
created:4/8/2021
updated:4/8/2021
source lines:61
comments %:13

Sidebar

grommet-controls
3.0.1

Collapsible side bar component

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

import { Sidebar } from 'grommet-controls';

Main

My 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 | (string & { width?: string; max?: string; min?: string; })
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

update eslint and add component-controls
8/29/2019

atanasster

stories cleanup, welcome page.mdx
8/27/2019

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

Collapsible

title

Side item

Title

title

Side item

Width

title

Side item