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.jsto:-
Scan
@rjackson/rjdscomponents 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