antd-theme weekly downloads statistics

antd-theme

Provide runtime dynamic theme for ant design.

Features

• Quick synchronous theme switching. • Support real-time modification of color / dimension variables. • Small packaging size, no need to pack multiple style files. • Code splitting friendly.

Install

Install with npm

Usage

It's recommended to combine antd-theme/plugin with the css-loader and less-loader

Then add the loader and the plugin to your webpack config. For example:

webpack.config.js

app.jsx

For those who are using react-app-rewire-less and customize-cra with react-app-rewired, enable javascript like this

config-overrides.js

Security considerations

In order for style elements to be added to the DOM, a nonce attribute may need to be attached to the elements to adhere to a CSP requirements. To provide the value, you can specify the nonce value by defining a CSPSettings object on the page in global scope: