Components
Loading preview...
This component is a search bar with a category filter, built entirely using shadcn/ui components. It combines a dropdown select for choosing a category (like Products, Blogs, Users, or Docs), a text input for entering search queries, and a button with a search icon to submit. The design keeps all three elements aligned with equal height, giving it a clean and consistent look. It’s a common UI pattern for dashboards, e-commerce, or content platforms where users need to refine searches by category.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/search-with-categoryimport SearchWithCategory from "@/components/ui/search-with-category";
export default function DemoOne() {
return <SearchWithCategory />;
}