Resizable

Accessible resizable panel groups and layouts with keyboard support.

One

Two

Three

Usage

import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '@isyuricunha/ui'

<ResizablePanelGroup direction='horizontal'>
  <ResizablePanel>One</ResizablePanel>
  <ResizableHandle />
  <ResizablePanel>Two</ResizablePanel>
</ResizablePanelGroup>

Examples

Vertical

Header

Content

Handle

Sidebar

Content

Edit on GitHub