Dev Design Library

Search Input

A search box with a Cmd+K shortcut and a clear button, and a compact trigger for a header whose search opens in a command menu.

Search Input preview
Library
Fibo
Framework
React
Type
component
License
MIT
Install
pnpm dlx shadcn@latest add @fibo/search-input
Files
  • packages/ui/src/components/search-input.tsx
  • packages/ui/src/components/button.tsx
  • packages/ui/src/components/input-group.tsx
  • packages/ui/src/components/kbd.tsx
  • packages/ui/src/lib/field-size.ts
  • packages/ui/src/lib/merge-refs.ts
  • packages/ui/src/lib/utils.ts
Source
https://github.com/toribryan/fibo

Categories

More from Fibo