Installation

Install the AbElements packages with your package manager and wire the theme.

Requirements

pnpm add ab-nextjs-core ab-nextjs-components ab-nextjs-theme

npm install ab-nextjs-core ab-nextjs-components ab-nextjs-theme

Exact versions

The packages move fast, so pin exact versions and upgrade them together.

The packages ship TypeScript sources, so list them in transpilePackages:

next.config.ts

const nextConfig = {
  transpilePackages: ['ab-nextjs-core', 'ab-nextjs-components', 'ab-nextjs-theme'],
};

export default nextConfig;

Import order

Import the theme before the components, so the components can read its tokens.

app/globals.css

@import 'ab-nextjs-theme/styles.css';
@import 'ab-nextjs-components/styles.css';