ResizablePanel
Loading example…
A panel of a ResizablePanelGroup. Sizes are percentages of the group.
Import
Section titled “Import”import { ResizablePanel } from "@jcsoftdev/ui/containers";Single-component entry points tree-shake to just this component: @jcsoftdev/ui/containers/resizable.
export const Default: Story = { render: () => <Demo direction="horizontal" /> };Source of the Storybook story.
| Prop | Type | Default | Description |
|---|---|---|---|
defaultSize |
number |
Initial size in percent. Panels without one share what is left. | |
minSize |
number |
Percent, default 0. | |
maxSize |
number |
Percent, default 100. |
* marks a required prop.
It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).
Storybook stories
Section titled “Storybook stories”Source
Section titled “Source”packages/ui/src/containers/resizable/resizable.tsx