Table
ComponentA responsive table, with the glass material system and optional striped (alternating-brightness) or bordered rows.
Installation
Install this component using the shadcn CLI with your preferred package manager
bunx shadcn@latest add @sistine/tableUsage
Example code for using this component
Bordered rows: a subtle divider between each row (default).
| Name | Status | Role |
|---|---|---|
| John Doe | Active | Admin |
| Jane Smith | Active | User |
| Sam Lee | Inactive | Editor |
Striped rows: alternating brightness, no dividers (pass striped).
| Name | Status | Role |
|---|---|---|
| John Doe | Active | Admin |
| Jane Smith | Active | User |
| Sam Lee | Inactive | Editor |
Props
Component props and variants
This component supports the following variants:
- default - Standard styling
- glass - Glassmorphism effect (default)