Skip to main content

Ant Design

A design system for enterprise-level products. Create an efficient and enjoyable work experience.

Ant Design provides a React UI library antd that contains a set of high quality components and demos for building rich, interactive user interfaces.
Go to docs →

Less Support#

antd uses less as its preprocessor.

caution

Due to its incompatibility with storybook, less is not included in superplate.

To use less with antd in your project

  • Add its dependencies,
package.json
{    "dependencies": {        "less": "^4.1.0",        "@zeit/next-less": "^1.0.1"    }} 
  • Configure in next.config.js
next.config.js
const withPlugins = require('next-compose-plugins');const withLess = require('@zeit/next-less');
module.exports = withPlugins([    [withLess, {        lessLoaderOptions: {            javascriptEnabled: true,        }    }]]);
caution

When you add any of the css related plugins, including less/sass, it disables built-in support for CSS loading in Next.js