ui/table.tsx

bazzalabs/ui · apps/web/components/ui/table.tsx · typescript · MIT
ui

Module exposing: Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption

// Source: https://github.com/bazzalabs/ui | License: MIT | Copyright 2025 Kian Bazarjani
// Provided via justclaw.it.com; keep this notice with the code.
'use client'

import { cn } from '@/lib/utils'

function Table({ className, ...props }: React.ComponentProps<'table'>) {
  return (
    <div
      data-slot="table-container"
      className="relative w-full overflow-x-auto"
    >
      <table
        data-slot="table"
        className={cn('w-full caption-bottom text-sm', className)}
        {...props}
      />
    </div>
  )
}

function TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {
  return (
    <thead
      data-slot="table-header"
      className={cn('[&_tr]:border-b', className)}
      {...props}
    />
  )
}

function TableBody({ className, ...props }: Reac

... (truncated -- full source via MCP)

See the full source, get the GitHub permalink, and search for more like it.

Get a free API key