Skip to content
Quartz Headless
HomeComponentsDocs

Core foundations

  • Collection
  • Focus
  • Dismiss
  • Directionality
  • ScrollLock
  • Viewport
  • DragDrop

Floating & overlays

  • Overlay
  • Dialog
  • Drawer
  • Popover
  • Tooltip
  • Menu

Selection & forms

  • Select
  • Listbox
  • Combobox
  • Checkbox
  • RadioGroup
  • Switch
  • Toggle
  • ToggleGroup
  • Slider
  • RangeSlider
  • DatePicker
  • DateRangePicker
  • InputOTP
  • FormField
  • FileUpload
  • Autofill
  • Search

Navigation & layout

  • Splitter
  • Tabs
  • Accordion
  • Stepper
  • Tree
  • Sidebar
  • Navbar
  • NavigationMenu
  • Pagination
  • Toolbar
  • Resizable

Data & feedback

  • VirtualScroll
  • Toast
  • Progress
  • Meter
  • Avatar
All components
CollectionFocusDismissDirectionalityScrollLockViewportDragDropOverlayDialogDrawerPopoverTooltipMenuSelectListboxComboboxCheckboxRadioGroupSwitchToggleToggleGroupSliderRangeSliderDatePickerDateRangePickerInputOTPFormFieldFileUploadAutofillSearchSplitterTabsAccordionStepperTreeSidebarNavbarNavigationMenuPaginationToolbarResizableVirtualScrollToastProgressMeterAvatar
  1. Components
  2. /
  3. Navigation & layout
Core

Splitter

Container, panels and a keyboard- and pointer-operable separator handle.

DocumentationAPI reference

Example

Splitter
Loading demo…

Install

$ npm install @quartz-headless/core

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

Prefer owning the source? Copy it with the CLI.

Previous← SearchNextTabs →

Quartz Headless

Unstyled, accessible Angular primitives. You own the styles; Quartz owns the behaviour.

Learn

  • Installation
  • Quick start
  • Component catalogue
  • All documentation

Project

  • GitHub
  • Issues
  • MIT License

npm

  • @quartz-headless/core
  • @quartz-headless/primitives
  • Latest on npm: 0.16.0

© 2026 Andersseen. Released under the MIT License.