Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.jtbdos.com/llms.txt

Use this file to discover all available pages before exploring further.

The design system package also exports a DesignSystemProvider component which implements a number of contextual, functional and higher order components, including those for Tooltips, Toasts, Analytics, Dark Mode and more. This provider is already added to the default apps. If you want to add a new app, make sure you add it to your root layout along with fonts and global CSS, like so:
layout.tsx
import '@repo/design-system/styles/globals.css';
import { fonts } from '@repo/design-system/lib/fonts';
import { DesignSystemProvider } from '@repo/design-system';
import type { ReactNode } from 'react';

type RootLayoutProperties = {
  readonly children: ReactNode;
};

const RootLayout = ({ children }: RootLayoutProperties) => (
  <html lang="en" className={fonts} suppressHydrationWarning>
    <body>
      <DesignSystemProvider>{children}</DesignSystemProvider>
    </body>
  </html>
);

export default RootLayout;