Custom button design
Hi guys,
I am using antdesign and I would like to customize the button (primary) and removing any hover effects. What the best way to do that? In general how could I easily adjust and custimize designs + maybe replace any component with a custom component I build?
6 Replies
Hi @thejorge4666. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Hmm, I don't know enough to give you a confident answer yet. However, I can help you with questions related to the refine framework. If you have any questions about refine, feel free to ask.
----------------------
Note: you can ask me a follow up question by @ mentioning me again
:speech_balloon:
----------------------<@897927276304416769> kapa.ai is still learning and improving, please let us how it did by reacting below
national-gold•2y ago
Hey @thejorge4666 You can create a personal theme for CSS changes.
https://refine.dev/docs/api-reference/antd/theming/#predefined-themes
However, I can recommend
swizzle
for more comprehensive changes.
https://refine.dev/docs/packages/documentation/cli/#swizzleCLI | refine
refine CLI is a command line application that allows you to interact with your refine project and perform some tasks. This includes creating a new resource, managing updates, swizzle components, and runs your project (build, start, dev).
Theme | refine
Ant Design allows you to customize design tokens to satisfy UI diversity from business or brand requirements, including primary color, border radius, border color, etc.
magic-amberOP•2y ago
Thank you will check it out!
I am still not able to find what I want. Currently I have a hover effect and I would love to:
- remove the hover effect
- change the background color
magic-amberOP•2y ago
I tried all of this here and none worked:

magic-amberOP•2y ago
I am assuming that this is right now not possible and I will need to opt for swizzle?
