A React component library based on the Quantum Design System
npm install --save @nearform/quantum
Include or extend our colour configuration and add our components to Tailwind's content configuration. To ensure dark mode of the components isn't operating system dependent, add the darkMode: "class" entry to the config.
// tailwind.config.js
import quantumPlugin from '@nearform/quantum/tailwind-plugin'
module.exports = {
//...tailwind config
plugins: [quantumPlugin]
darkMode: "class"
}//root component
import '@nearform/quantum/dist/global.css'
import { Button } from '@nearform/quantum'To run tests for the project, run:
npm run testTo run Storybook tests for the project, run:
npm run test-storybook