Resizable

Resizable panel layout. Compound: Resizable, Panel, Handle.

Preview

Usage

import { Resizable } from '@ramtt/ui'

<Resizable direction="horizontal">
  <Resizable.Panel defaultSize={50}>Left</Resizable.Panel>
  <Resizable.Handle />
  <Resizable.Panel defaultSize={50}>Right</Resizable.Panel>
</Resizable>

Props

Prop	Type	Default	Description
direction*	`'horizontal' \| 'vertical'`	—	Resize direction
children*	`ReactNode`	—	Panel + Handle elements