Skip to content
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

Move away from styled #112

Open
Brian-McBride opened this issue May 11, 2023 · 0 comments
Open

Move away from styled #112

Brian-McBride opened this issue May 11, 2023 · 0 comments

Comments

@Brian-McBride
Copy link

Due to NextJS 13 and the issues with emotion as it currently stands, I was messing around converting this component lib to use tailwindcss.

I have a working version here.
https://github.com/anatine/react-components

It is not published to NPM or anything. And I am using DaisyUI so I decided to just use a lot of stylings from that lib. Also, I pulled in some headlessUI to replace the dropdown. Again, far, far from perfect.

Styles are merged in with tailwind-merge

Honestly, if I have time I'll refactor the project so that it follows more of a unstyled pattern (like HeadlessUI) where you assemble the parts in the order you want, allowing for styling at the component level. It's a bit more work than a single import, but it would make it super easy to move components around.

Anyway. If someone else comes across this lib and you are looking for something without emotion, feel free to hit up my repo and copy/paste away. If you want to help make it a proper component to publish, I'd be happy to help orchestrate CI/CD pipelines and all that.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant