Resizable
Resizable panel groups that allow users to drag handles to resize adjacent panels. Ideal for split-view editor layouts.
$cookest-ui add resizable
Horizontal Split
Drag the handle to resize the recipe list and detail panes.
My Recipes
Pasta Carbonara
Risotto Milanese
Pad Thai
Beef Tacos
Miso Ramen
Pasta Carbonara
Classic Roman pasta · 25 min · 4 servings
A rich, creamy Roman pasta made with guanciale, Pecorino Romano, eggs, and black pepper. No cream — the magic is all in the technique.
Vertical Split
Use direction='vertical' for top/bottom splits.
🍝 Pasta Carbonara
Classic Roman · Italian · 25 min
Ingredients
• 200g Guanciale
• 400g Spaghetti
• 4 Egg Yolks
• 80g Pecorino Romano
• Black Pepper
• Salt
| Prop | Type | Default | Description |
|---|---|---|---|
direction | "horizontal" | "vertical" | — | Layout direction for the panel group. |
defaultSize | number | — | Default size percentage of a panel (0–100). |
minSize | number | — | Minimum size percentage a panel can be resized to. |
maxSize | number | — | Maximum size percentage a panel can be resized to. |
withHandle | boolean | false | Show a visible grip handle on ResizableHandle. |