Creative Tim UICreative Tim UI

Category filter dropdown with checkboxes and counts - shadcn/ui

PRO

Category filter dropdown with checkboxes for multiple selection (Marketing, Sales, Support, Finance, HR). Each option displays item count and includes a 'Show 10 More' button for expanded lists.

Preview

Component Details

ID
dropdown-with-filter-with-checkbox
Type
Block
Access
PRO
Category
Dropdown
Published
3 Apr 2026

Files Included

  • app/dropdown-with-filter-with-checkbox/page.tsx
  • components/creative-tim/blocks/dropdown-with-filter-with-checkbox.tsx

Components Used

Explore More Blocks

User Profile
User ProfileProfessional user profile components for React and Next.js. Build user profile cards, account overviews, profile headers with statistics, social media links, and customizable layouts for displaying user information and achievements.
Sidebar
SidebarProfessional sidebar navigation and menu components for React and Next.js. Build dashboard sidebars, app navigation, crypto wallets, calendar views, task managers, and feature-rich sidebar layouts with customizable content.
Editorial
EditorialMagazine-quality editorial layouts where typography is the design. Multi-column spreads, text wrapping around images with pixel-precise line routing via Pretext, oversized words as visual anchors, pull quotes, drop caps, and the kind of spatial confidence you find in print — now in React.
Banner
BannerAttention-grabbing banner components for React and Next.js. Build notification banners, promotional headers, announcement bars, and call-to-action banners with dismissible options.
Billing
BillingProfessional billing and payment UI components for React and Next.js. Build payment forms, invoices, subscription management, and checkout flows with pre-built blocks.
Navbar
NavbarResponsive navigation bar components for React and Next.js. Build top navigation menus, mobile-friendly headers, search bars, breadcrumbs, and navigation layouts with dropdowns, icons, and user profiles.
Table Footer
Table FooterProfessional table footer components for React and Next.js. Build pagination controls, row selection displays, date range filters, progress indicators, and action buttons for data tables with customizable layouts.
Ecommerce
EcommerceProfessional ecommerce components for React and Next.js. Build product listings, shopping carts, checkout flows, and complete online store experiences.