#antd #reactjs #theme
In this video I explained how to Customize Ant Design Theme in React JS
This video focuses on
- How to customize ant design theme in ReactJS
- How to use less programming for styling
- How to modify less style variables to create new antd themes
- What are the available options for theming different antd components
- How to use create react app config override (craco) and craco-less npm packages for overriding antd theme variables to create custom themes in React JS apps
- Shows examples of different antd components like Button, Input, Progress, Spin, Date Picker and Slider by changing their themes
If you are new to ant-design, I have already added an intro video on ant-design and overview of its components at • Ant Design UI library Integration wit... link, please go through that video to set up the ground for further components implementation.
In this video we will be using different available props of following components, please go through their videos at given links if you are not already familiar with them.
- Ant Design Button: • How to use Ant Design Button componen...
- And Design Input: • How to use Ant Design Input component...
- Ant Design Progress: • Ant Design Progress component usage i...
- Ant Design Spin: • Ant Design Spin component usage in Re...
- Ant Design Date Picker: • Ant Design DatePicker, RangePicker an...
For more details on ant-design and its theme customization, please visit its documentations at
- Ant Design Overview: https://ant.design/components/overview/
- Ant Design Customize Theme: https://ant.design/docs/react/customi...
Happy Coding!
Watch video How to Customize Ant Design Theme | Ant Design Theming in React JS | Ant Design Theme Customization online without registration, duration hours minute second in high quality. This video was added by user CodeWithAamir 24 October 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 43,506 once and liked it 302 people.