My own personal design system / component library / whatevs.
Very much a work in progress.
-
Install the design system, and required peer dependencies:
npm i @rjackson/rjds react tailwindcss
-
Install tailwindcss as per their instructions, and then update
tailwind.config.js
to:-
Scan
@rjackson/rjds
components for class names to compile -
Manage dark-mode via classes
module.exports = { content: [ './src/**/*.{js,jsx,ts,tsx,vue}', + "./node_modules/@rjackson/rjds/src/**/*.{js,ts,jsx,tsx}", ], + darkMode: 'class', theme: { extend: {}, }, plugins: [], };
-
Use the tool np to manage releases.
npx np