Seek bar preview

Seek bar

A search pill that leans toward the cursor and springs open into a field.

  • Group
    Text fields
  • Origin
    Adapted · Bencho · source
  • License
    MIT
  • Added
    Oct 18
npx shadcn@latest add @deank/seek-bar

The registry stays private. Install from the repo with a GitHub token — see the README.

Usage

import { Seek } from "@/registry/components/seek-bar/seek-bar";

<Seek />

Props

PropTypeDefaultDescription
give?number50
spring?number50
width?number
corner?numberCORNER

When to use

A compact search entry in a toolbar or header that expands on demand.

When not to use

Primary search on a search page (use a full-width field) or command palettes.

Related

Filter menu · Floating dock