Closed kotAPI closed 4 months ago
This PR introduces a new Table component, incorporating styles, bug fixes, and enhancements for both light and dark modes, while also updating the naming conventions and dependencies associated with the component's development. It signifies an iteration that improves the product's UI toolkit, with an emphasis on visual consistency and code maintenance.
#228 - Add Table component - By kotAPI 3 weeks ago
#226 - Toggle Component - Pass 1 - By kotAPI 3 weeks ago
#223 - Add UseInteractions example with user interactions [WIP] - By kotAPI 3 weeks ago
ui is an open repo and Watermelon will serve it for free. 🍉🫶 Have you checked out our blog?
The project introduces a new Table
component in React, offering a customizable structure and styling. This addition enhances the UI capabilities with a versatile table implementation, complemented by corresponding components for a cohesive user interface.
File Path | Change Summary |
---|---|
src/components/ui/Table/Table.tsx |
Introduces a Table component for flexible table rendering. |
src/components/ui/Tooltip/Tooltip.tsx |
Converts Tooltip to a typed component with explicit props. |
src/components/ui/Table/shards/TableBody.tsx |
Adds TableBody component for <tbody> rendering. |
src/components/ui/Table/shards/TableCell.tsx |
Introduces TableCell component for customizable table cells. |
src/components/ui/Table/shards/TableColumnCellHeader.tsx |
Adds TableColumnCellHeader for table header cells. |
src/components/ui/Table/shards/TableHead.tsx |
Introduces TableHead component for <thead> rendering. |
src/components/ui/Table/shards/TableRoot.tsx |
Adds TableRoot component to wrap table content. |
src/components/ui/Table/shards/TableRow.tsx |
Introduces TableRow component for table row rendering. |
styles/themes/components/table.scss |
Includes styling for the new Table component. |
🐇 "In the code meadow, I hop and leap,
🌟 Sprinkling styles, so the tables keep,
Rows aligned, and the columns steep,
A tale of tables, forever to peep." 📊
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
All modified and coverable lines are covered by tests :white_check_mark:
Comparison is base (
ee81897
) 94.64% compared to head (2d0f896
) 94.64%. Report is 2 commits behind head on main.
:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.
This PR also updates node-sass
dependencies to sass
Light Mode
Dark Mode
Summary by CodeRabbit
New Features
Style