Sidebar Search Field
Header search on the menu rows' rhythm: leading icon on the rows' 16px axis, text on the 32px axis, and a hover-revealed keystroke chip at the trailing edge.
- Library
- Fluid Functionalism
- Framework
- React
- Type
- block
- License
- MIT
- Install
npx shadcn@latest add @fluid/sidebar-search-field- Files
registry/blocks/sidebar-app/search-field.tsxregistry/default/lib/size-context.tsxregistry/default/lib/type-scale.tsregistry/default/lib/icon-context.tsxregistry/radix/sidebar.tsxregistry/default/sidebar-core.tsxregistry/default/sidebar-menu.tsxlib/utils.ts
- Source
- https://github.com/mickadesign/fluid-functionalism
Categories
- Input Components
- React Input Components
- Tailwind CSS Input Components
- Animated Input Components
- shadcn/ui Input Components
- Search Input Components
- React Search Input Components
- Tailwind CSS Search Input Components
- Animated Search Input Components
- shadcn/ui Search Input Components
- Text Input Components
- React Text Input Components