UI Library
Simple Table
Basic, themed, dense, height-limited, and fixed-header tables.
Basic
A plain table with dessert nutrition columns, matching the core Sneat simple-table pattern.
| Desserts (100g Servings) | Calories | Fat(g) | Carbs(g) | Protein(g) |
|---|---|---|---|---|
| Frozen Yogurt | 159 | 6 | 24 | 4 |
| Ice cream sandwich | 237 | 9 | 37 | 4.3 |
| Eclair | 262 | 16 | 23 | 6 |
| Cupcake | 305 | 3.7 | 67 | 4.3 |
| Gingerbread | 356 | 16 | 49 | 3.9 |
Theme
A themed table variant with a stronger header surface and subtle row hover states.
| Desserts (100g Servings) | Calories | Fat(g) | Carbs(g) | Protein(g) |
|---|---|---|---|---|
| Frozen Yogurt | 159 | 6 | 24 | 4 |
| Ice cream sandwich | 237 | 9 | 37 | 4.3 |
| Eclair | 262 | 16 | 23 | 6 |
| Cupcake | 305 | 3.7 | 67 | 4.3 |
| Gingerbread | 356 | 16 | 49 | 3.9 |
Density
A compact table for denser operational views.
| Desserts (100g Servings) | Calories | Fat(g) | Carbs(g) | Protein(g) |
|---|---|---|---|---|
| Frozen Yogurt | 159 | 6 | 24 | 4 |
| Ice cream sandwich | 237 | 9 | 37 | 4.3 |
| Eclair | 262 | 16 | 23 | 6 |
| Cupcake | 305 | 3.7 | 67 | 4.3 |
| Gingerbread | 356 | 16 | 49 | 3.9 |
| Jelly bean | 375 | 0 | 94 | 0 |
Height
Set a fixed table body height and allow the content to scroll.
| Desserts (100g Servings) | Calories | Fat(g) | Carbs(g) | Protein(g) |
|---|---|---|---|---|
| Frozen Yogurt | 159 | 6 | 24 | 4 |
| Ice cream sandwich | 237 | 9 | 37 | 4.3 |
| Eclair | 262 | 16 | 23 | 6 |
| Cupcake | 305 | 3.7 | 67 | 4.3 |
| Gingerbread | 356 | 16 | 49 | 3.9 |
| Jelly bean | 375 | 0 | 94 | 0 |
| Lollipop | 392 | 0.2 | 98 | 0 |
| Honeycomb | 408 | 3.2 | 87 | 6.5 |
Fixed Header
Keep the header visible while scrolling through a taller table body.
| Desserts (100g Servings) | Calories | Fat(g) | Carbs(g) | Protein(g) |
|---|---|---|---|---|
| Frozen Yogurt | 159 | 6 | 24 | 4 |
| Ice cream sandwich | 237 | 9 | 37 | 4.3 |
| Eclair | 262 | 16 | 23 | 6 |
| Cupcake | 305 | 3.7 | 67 | 4.3 |
| Gingerbread | 356 | 16 | 49 | 3.9 |
| Jelly bean | 375 | 0 | 94 | 0 |
| Lollipop | 392 | 0.2 | 98 | 0 |
| Honeycomb | 408 | 3.2 | 87 | 6.5 |