created:3/5/2021
updated:3/5/2021
loc
43
comments
30%
passed
16
coverage
50%

Sidebar

avatar of atanasster

Collapsible side bar component

Component

import { Sidebar } from '@component-controls/components';

Title

Title

  • item 1
  • item 2
  • item 3

Properties

Name
Description
Default
SidebarProps(3 properties)
title

Title string or any react node

((boolean | ReactChild | ReactFragment | ReactPortal | null) & string)
-
collapsible

Whether the sidebar can be collapsed

boolean
-
children

children content elements to be displayed in Sidebar

ReactNode
-
HTMLAttributes(43 properties)
Attributes(1 properties)
AriaAttributes(48 properties)
DOMAttributes(161 properties)
-(1 properties)
BoxOwnProps(4 properties)
SpaceProps(28 properties)
BackgroundColorProps(2 properties)
OpacityProps(1 properties)

Commits

Date
Author
Commit Message
11/17/2020

atanasster

avatar of atanasster
chore: cleanup default imports of React
6/19/2020

atanasster

avatar of atanasster
chore: upgrade theme-ui package
6/16/2020

atanasster

avatar of atanasster
chore: merge app-components into components
3 commits

External dependencies

package
imports
peer
get
react
^17.0.1
useContextReactTextReactNodeFC
*
theme-ui
^0.8.4
jsxHeadingBoxPropsBox

Internal dependencies

file
imports
"../ThemeContext"
useTheme
"./SidebarContext"
SidebarContext

Component JSX

<Box
variantsxonClick
>
theme-ui
^0.8.4
<Box
variant
>
theme-ui
^0.8.4
<Box
variant
/>
theme-ui
^0.8.4

Stories

Overview

  • item 1
  • item 2
  • item 3

Icon

Title

  • item 1
  • item 2
  • item 3

Button Props

Title

  • item 1
  • item 2
  • item 3