Back to blocks
table
Block

Searchable Table

Global search with highlighting

Installation

npx shadcn add @mylo-ui/table-searchable

Preview

NameEmailDepartmentRoleLocation
John Smith[EMAIL_REDACTED]
Engineering
Senior DeveloperNew York
Sarah Johnson[EMAIL_REDACTED]
Design
UI/UX DesignerSan Francisco
Michael Brown[EMAIL_REDACTED]
Marketing
Marketing ManagerChicago
Emily Davis[EMAIL_REDACTED]
Engineering
Backend DeveloperAustin
David Wilson[EMAIL_REDACTED]
Sales
Sales RepresentativeBoston
Lisa Anderson[EMAIL_REDACTED]
HR
HR SpecialistSeattle
Robert Taylor[EMAIL_REDACTED]
Engineering
DevOps EngineerDenver
Jennifer Martinez[EMAIL_REDACTED]
Finance
Financial AnalystMiami

8 of 8 employees found

Usage

import { TableSearchable } from "@/components/blocks/table-searchable"

export default function Page() {
  return <TableSearchable />
}

Dependencies

lucide-react

shadcn/ui Components

table
input