Note: Size by default is 100%. Changing the username in the image src will return different icons.
Note: Size by default is 40px. If images aren't known, initials come from the alt text. Multiple size options available.
Note: MUI badges are notification badges that overlay content, different from Shad's text badges.
Note: Available with MUI X Charts or integrate third-party charting libraries.
Note: Same as ShadCN's separator component. Includes horizontal and vertical orientations with chip integration.
Note: Icons are in the library '@mui/icons-material'. The svgicon component lets you use non-mui components inside mui components.
| Dessert (100g serving) | Calories | Fat (g) | Carbs (g) | Protein (g) |
|---|---|---|---|---|
| Frozen yoghurt | 159 | 6 | 24 | 4 |
| Ice cream sandwich | 237 | 9 | 37 | 4.3 |
| Eclair | 262 | 16 | 24 | 6 |
| Cupcake | 305 | 3.7 | 67 | 4.3 |
| Gingerbread | 356 | 16 | 49 | 3.9 |
Note: Not a Tanstack table. Very nice looking. Sorting requires custom logic. Has sticky header and pagination options.
