npm i @neuvernetzung/design-system && npm i -D tailwindcss postcss autoprefixer
import type { AppProps } from "next/app";
import { ThemeProvider } from "@neuvernetzung/design-system";
import "@neuvernetzung/design-system/globals.css";
function MyApp({ Component, pageProps }: AppProps) {
return (
<ThemeProvider config={config}>
<Component {...pageProps} />
</ThemeProvider>
);
}
export default MyApp;
import designSystem from "@neuvernetzung/design-system/tailwind.config";
import path from "path";
import type { Config } from "tailwindcss";
const config: Config = {
presets: [designSystem],
content: [
"./pages/**/*.{js,ts,jsx,tsx}",
`${path.dirname(
require.resolve("@neuvernetzung/design-system/dist/index.mjs")
)}/**/*.mjs`,
],
theme: {
fontFamily: {
heading: "Oswald",
body: "Inter",
},
},
plugins: [],
};
export default config;
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
};