-
Notifications
You must be signed in to change notification settings - Fork 4.9k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[ShadCN] feat: create table component set with ShadCN #13708
Conversation
✅ Deploy Preview for ethereumorg ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@TylerAPfledderer this looks great, clean & simple.
I would prefer to replace the old table with this new one if possible. Do you think you can do it in this PR or we could also do it separately.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This file should be outside the __stories__
folder
const tableVariants = tv({ | ||
slots: { | ||
table: "w-full", | ||
th: "text-start border-b-[1px] border-body text-body normal-case align-bottom p-4", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
th: "text-start border-b-[1px] border-body text-body normal-case align-bottom p-4", | |
th: "text-start border-b border-body text-body normal-case align-bottom p-4", |
@@ -0,0 +1,234 @@ | |||
import * as React from "react" | |||
|
|||
import InlineLink from "../../../../../tailwind/ui/Link" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
should be import InlineLink from "@/components/Link"
4ed57b8
to
027f1aa
Compare
@pettinarip did a full replacement of the table component. So this new version is available to be checked for prod. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM @TylerAPfledderer great job!
Description
Creates the Table components using ShadCN.
Creates a separate story file until deemed ready to merge and be a part of the Chromatic snapshots.
Also introduces tailwind-variants which allows you to create slot variants: variant sets to pass to a multi-component (i.e.
Table
,Tag
, etc. that has many parts)tailwind-variants
to be used in place ofclass-variance-authority