Tables
Data tables for displaying structured information.
Data Table
Preview
| Name | Role | Status | Action |
|---|---|---|---|
| Sarah Chen | Designer | Active | |
| Alex Rivera | Developer | Active | |
| Jordan Lee | PM | Away | |
| Taylor Swift | QA | Offline |
Striped Table
Preview
| Name | Role | Status |
|---|---|---|
| Sarah Chen | Designer | Active |
| Alex Rivera | Developer | Active |
| Jordan Lee | PM | Away |
Compact Table
Preview
| Name | Plan | |
|---|---|---|
| Sarah | sarah@example.com | Pro |
| Alex | alex@example.com | Free |
| Jordan | jordan@example.com | Enterprise |
Users Table
Source: Penguin UI
Preview
| User | ID | Member Since | Status | Action |
|---|---|---|---|---|
| Alice Brown | 2335 | Nov 14, 2021 | active | |
| Bob Johnson | 2338 | Aug 20, 2020 | active | |
| Ryan Thompson | 2346 | Feb 5, 2022 | canceled |
Action Table
Source: Penguin UI
Preview
| ID | Name | Actions | |
|---|---|---|---|
| 2335 | Alice Brown | alice@example.com | |
| 2338 | Bob Johnson | bob@example.com | |
| 2342 | Sarah Adams | sarah@example.com |
Neobrutalist Table
Source: HyperUI
Preview
| Name | Role | Status |
|---|---|---|
| Nandor | Vampire Warrior | Active |
| Laszlo | Vampire Gentleman | Active |
| Colin Robinson | Energy Vampire | Unknown |
Status Badge
Source: Noira UI
Preview
activependinginactivecanceled