Загрузка страницы

How to Customize Ant Design Theme | Ant Design Theming in React JS | Ant Design Theme Customization

#antd #reactjs #theme
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 https://www.youtube.com/watch?v=03rzGKtEZmw 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: https://youtu.be/-R2nRzsytig
- And Design Input: https://youtu.be/2lLBqFvgcZc
- Ant Design Progress: https://youtu.be/-Q-bDWhjHPs
- Ant Design Spin: https://youtu.be/9aEcizivPBU
- Ant Design Date Picker: https://youtu.be/FVnBQVuaG2k

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/customize-theme
Happy Coding!

Видео How to Customize Ant Design Theme | Ant Design Theming in React JS | Ant Design Theme Customization канала CodeWithAamir
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
25 октября 2021 г. 4:05:04
00:15:54
Яндекс.Метрика