ant-design | An enterprise-class UI design language and React UI library

const { Tabs, Button } = antd
const { TabPane } = Tabs

class App extends React.Component {
  constructor(props) {
    super(props)

    this.state = {
      focusingPaneKey: '1',
      openingPaneKeys: ['1'],
    }
  }

  openPane = (pane

const withLess = require('next-with-less');
const lessToJS = require('less-vars-to-js');

const themeVariables = lessToJS(
  fs.readFileSync(
    path.resolve(__dirname, './public/styles/custom.less'),
    'utf8'
  )
);

module.exports = w

// main.js
import { createApp } from 'vue'
import App from './App.vue'
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';

const app = createApp(App)

app.use(Antd) // same as Vue.use in Vue 2.X
app.mount('#app')

// Click on the filter icon 
fireEvent.click(rtl.container.querySelector('th:nth-child(3) .ant-table-filter-trigger'));
// Mouse down on element, to select input and trigger modal opening
fireEvent.mouseDown(rtl.getByPlaceholderText('Start

const { Table } = antd

const App = () => {

  const columns = [
    {
      title: 'Name',
      dataIndex: 'name',
      key: 'name',
    },
    {
      title: 'Age',
      dataIndex: 'age',
      key: 'age',
    }
  ]
  
  const data

const { Input, Card, Row, Col, Space, Button, Descriptions } = antd

const books = [
  { name: "example1", price: 1 },
  { name: "example2", price: 2 },
  { name: "example3", price: 3 },
  { name: "example4", price: 4 },
  { name: "example

import React, { useEffect } from 'react'
import { Auth } from 'aws-amplify'

const protectedRoute = (Comp, route = '/profile') => (props) => {
  async function checkAuthState() {
    try {
      await Auth.currentAuthenticatedUser()

import React, {useState, forwardRef, useImperativeHandle} from 'react'
import 'antd/dist/antd.css'
import {Modal as AntdModal} from 'antd'

const Modal = forwardRef(({onOK, ...rest}, ref) => {
  useImperativeHandle(ref, () => ({
    

baseConfig.module.rules = baseConfig.module.rules.filter(
  f => f.test.toString() !== '/\\.less$/'
);

{
  test: /\.less$/,
  include: [
    /[\\/]node_modules[\\/].*antd/,
    // ...
  ],
}

<