Resizable

Resizable panels. Documented as its own page, but it is the Core Splitter.

Backed by Core Splitter; there is no separate Resizable export.

Documentation API reference

Playground

Change the inputs, watch the outputs and copy the usage code.

Resizable

Two resizable panels on the Core Splitter: drag the bar or use the keyboard.

Primary

Secondary

Primary: 50 %

Inputs

Orientation

Minimum %

Maximum %

Keyboard step %

RTL

Disabled

Example

Resizable

Loading demo…

Install

$ npm install @quartz-headless/core

// backed by
import { SplitterContainerDirective, SplitterPanelDirective, SplitterHandleDirective } from '@quartz-headless/core';

Prefer owning the source? Copy it with the CLI.