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

PanelContainer

@component-controls/components
3.4.5

Action container with built-in collapsible panels

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

Overview

Name
Description
Default
openTab

by default, which tab to have open.

ReactNode
-
visibleTabs

if true, the tabs on the panels will be visible

boolean
false
background

background pattern type

darklight
-
direction

direction type

ltrrtl
-
actions

optional actions provided to the component

ActionItem[]
[]
plain

if plain, skip the border and spacing around the children

boolean
-

package
imports
peer
react
^17.0.1
ReactuseStateuseMemouseEffectuseCallbackReactNodeMouseEventFCCSSProperties
*
theme-ui
^0.6.0-alpha.7
ButtonPropsButton

file
imports
"../Collapsible"
Collapsible
"../Tabs"
"../ActionBar"
getSortedPanelsActionItemsActionItem
"../ActionContainer"
ActionContainerActionContainerProps
"../ThemeContext"
useTheme

Stories

Open Tab

Visible Tabs