Resizable

Resizable container that exposes native CSS handles.

Resize me

Usage

import {Resizable} from 'kinu';

<Resizable style={{width: "20rem", height: "12rem"}} />

Exports

Name Description Rendered HTML
Resizable Resizable panel <div k="resizable">

Notes

  • Wraps a <div> with resize: both so the browser handles drag gestures.
  • Perfect for scratchpads, preview panes, or demos where users adjust size.

_Source: src/components/resizable/index.tsx