Table
Table can be used to show a list of data in a table format.
Default Table variant
The default variant of the table is designed for simplicity and clarity.
| Name | Age | Location | Occupation |
|---|---|---|---|
| John Smith | 32 | New York | Software Engineer |
| Jane Doe | 28 | Los Angeles | Graphic Designer |
| Robert Lee | 45 | Chicago | Accountant |
| Sarah Brown | 36 | San Francisco | Marketing Manager |
Highlights rows on hover
The default variant of the table is designed for simplicity and clarity.
| Name | Age | Location | Occupation |
|---|---|---|---|
| John Smith | 32 | New York | Software Engineer |
| Jane Doe | 28 | Los Angeles | Graphic Designer |
| Robert Lee | 45 | Chicago | Accountant |
| Sarah Brown | 36 | San Francisco | Marketing Manager |
Zebra Table variant
The zebra variant of the table is built to enhance readability and user experience. In this design, alternating rows are styled with different background colors
| Name | Age | Location | Occupation |
|---|---|---|---|
| John Smith | 32 | New York | Software Engineer |
| Jane Doe | 28 | Los Angeles | Graphic Designer |
| Robert Lee | 45 | Chicago | Accountant |
| Sarah Brown | 36 | San Francisco | Marketing Manager |