@gallerykit/toolbar

@gallerykit/toolbar assembles a sticky gallery toolbar from composable primitives: <ViewSwitcher>, <SortDropdown>, <FilterBar>, and <SearchInput>. Use <GalleryToolbar> to compose them with sensible defaults, or wire each piece manually for custom UX.

• Stability: experimental
• Peer dependencies: react, react-dom
• Dependencies: @gallerykit/core

Install

pnpm add @gallerykit/toolbar

Quick example

import { GalleryToolbar, ViewSwitcher, SearchInput } from "@gallerykit/toolbar";

<GalleryToolbar>
  <ViewSwitcher value={view} onChange={setView} options={["grid", "masonry"]} />
  <SearchInput value={query} onChange={setQuery} />
</GalleryToolbar>

See Getting Started for the full walkthrough and API for the public exports.