created:3/15/2021
updated:3/15/2021
source lines:43
comments %:30
Sidebar
Collapsible side bar component
Name | Description | Default | Controls |
|---|---|---|---|
| collapsible | Whether the sidebar can be collapsed boolean | - |
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 |