Unwrap Dev Library
This project contains a UI Kit and Utils library
Available Scripts
In the project directory, you can run:
yarn storybook
Deploy Guide:
yarn build-dist
npm publish --access public
Website Install Guide:
Install next-transpile-modules
npm install next-transpile-modules
Add it to your next.config.js
/** @type {import('next').NextConfig} */
const withTM = require('next-transpile-modules')(['@unwrapdev/library']); // pass the modules you would like to see transpiled
const nextConfig = {
reactStrictMode: true,
}
module.exports = withTM(nextConfig)
Update your tailwind content
field
const defaultTheme = require('tailwindcss/defaultTheme');
const unwrapTheme = require("@unwrapdev/library/tailwind.config");
module.exports = {
content: ['./src/**/*.{js,jsx}', './node_modules/@unwrapdev/library/dist/components/**/*.tsx'],
theme: {
...unwrapTheme.theme,
screens: {
xs: '475px',
...defaultTheme.screens,
},
...
},
};
Make sure your tailwind supports a primary and secondary color shades
Install Shadcn (radix)
TODO
- Host on vercel
- Add contentful support