question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Make the component work with any UI library

See original GitHub issue

Is your feature request related to a problem? Please describe. This is the best cron generator I’ve found, but my project uses material UI. I think it’d be great if it can work without antd.

Describe the solution you’d like We could modify it to pass in the Button component & the Select component. Or maybe, carve out the core logic so that one can use it even without using the default UI and by just passing in the required props.

I’d be happy to contribute once we figure out a plan.

Thank you so much for this library!

Issue Analytics

  • State:open
  • Created 2 years ago
  • Reactions:12
  • Comments:10 (4 by maintainers)

github_iconTop GitHub Comments

8reactions
xrutayisirecommented, Sep 5, 2021

Hi, sorry for the late (late) answer.

Thank you very much, I appreciate that you like this component. I also think it can be a great improvement to let anyone used this component without Ant Design. I just didn’t take the time (yet) to do this.

I think I will take a look to see what’s possible, maybe even not using a UI library at all with plain CSS, so everyone can use it. I just don’t want to lose any features. Anyway, It can really help to do that because today this component depends a lot on antd. When they make breaking changes, it can break the component.

I will try to keep you posted if I make any development on my side.

4reactions
jdthorpecommented, Mar 6, 2022

For what it’s worth, as in interim solution, I copied the antd.css file out of the /node_modules/antd/dist/ folder and into my project directory, deleted the first few hundred lines of global styles (that previously clobbered all the styles on my site) from that file, and imported that trimmed down antd.css file. The cron widget is a bit uglier (b/c it depends on some of the antd global styles like button {...}, but its still the best cron widget I could find (and doesn’t change every button, paragraph, title, etc. on my site)

Read more comments on GitHub >

github_iconTop Results From Across the Web

UI Component Library - When Should You Build Your Own?
Not sure whether you should build a custom UI Component Library or use one of the ready ones? Read and find out what's...
Read more >
Ultimate Guide to Building a UI Component Library—Part 1
In this article series you'll learn how to plan, build, and distribute a complete UI component library. Every company should have a standard ......
Read more >
Build a component library with React and TypeScript
Learn to create a component library with React and TypeScript in this in-depth tutorial that includes testing and deploying to npm.
Read more >
4 Ways to Document a React Component Library
Component libraries are the de-facto modern way to reuse UI components. They help ensure UI consistency across teams and standardize development.
Read more >
React UI Components Libraries: Our Top Picks for 2022 - Kinsta
There are plenty of libraries for React UI components. We've rounded up our favorites to help you pick the right one for your...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found