Gallerykit
Toolbar
View as MarkdownOpen in Claude

Getting Started with @gallerykit/toolbar

1. Install

pnpm add @gallerykit/toolbar

If your app does not yet depend on @gallerykit/core, the package will pull it in automatically.

2. Use it

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

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

Next steps

  • Read the API reference for the full list of exports.
  • Browse the rest of the GalleryKit docs to see which layouts, skins, and themes are available.

Toolbar

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

API

@gallerykit/toolbar public exports.

On this page

Getting Started with @gallerykit/toolbar1. Install2. Use itNext steps