Collection of theme-ui and external components.
Theme UI
created:3/15/2021
updated:3/15/2021
source lines:43
comments %:30

Sidebar

@component-controls/components
3.4.5

Collapsible side bar component

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

Button Props

Title

  • item 1
  • item 2
  • item 3

Name
Description
Default
SidebarProps (3 properties)
title

Title string or any react node

string | ({} & string) | (ReactElement<any, string | ((props: any) => ReactElement<any, string | ... | (new (props: any) => Component<any, any, any>)>) | (new (props: any) => Component<...>)> & string) | (ReactNodeArray & string) | (ReactPortal & 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)

package
imports
peer
@theme-ui/css
^0.6.0-alpha.7
get
*
react
^17.0.1
useContextReactTextReactNodeFC
*
theme-ui
^0.6.0-alpha.7
jsxHeadingBoxPropsBox

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

Stories

Overview

  • item 1
  • item 2
  • item 3

Title

Title

  • item 1
  • item 2
  • item 3

Icon

Title

  • item 1
  • item 2
  • item 3