Resizable

The Resizable component is used to resize components.

1. Import

KUMUI exports 3 Resizable-related components:

import { ResizablePanelGroup, ResizableHandle, ResizablePanel  } from "@rohitgadekar/kimui";

2. Usage


Panel 1
Panel 2
Panel 3

3. API

3.1 ResizablePanelGroup

AttributeTypeDescriptionDefault
direction

string

Defines the direction of resizing. Can be either horizontal or vertical."horizontal"
className

string

Custom CSS classes for styling the container.-

3.2 ResizablePanel

AttributeTypeDescriptionDefault
defaultSize

number

Specifies the default size of the panel (in percentage or pixels).30
className

string

Custom CSS classes for styling the individual panel.-

3.3 ResizableHandle

AttributeTypeDescriptionDefault
withHandle

boolean

Indicates whether to display the resizing handle.true