# Toolbar

> Layout switcher, search, sort, and filter controls for galleries.

Source: https://gallerykit.n.yatsyk.com/docs/toolbar

# @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

```bash
pnpm add @gallerykit/toolbar
```

## Quick example

```tsx
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](./getting-started.mdx) for the full walkthrough and [API](./api.mdx) for the public exports.