Resize Handle · astryx-svelte

Resize Handle @astryx-svelte/core v0.3.0 · Resizable

Usage

Draggable separator between panels. Pill-grip design: invisible at rest, visible on hover (0.6 opacity), fully opaque during drag (1.0). Keyboard-accessible.

ts
 
import { Resizable } from '@astryx-svelte/core';

Examples

Common configurations, variations, and states.

Resizable — Collapsible with snap points

A collapsible sidebar with snap points, driven by useResizable. Dragging snaps to preset widths, dragging past the minimum collapses the panel, and the expand method restores it programmatically.