Shadcn

All components used from shadcn are under /src/components/ui

If you need to add more or help on how to use them navigate to shadcn

Configuration

You can configure your shadcn components by updating components.json at the root of the project

Follow this guide for more information.

Theming

As we are using shadcn it only makes sense to follow the same theming methods here

Toggling between dark and light mode

You can use the prebuilt <ThemeToggle /> like so that implements shadcn Dark Mode guide

import ThemeToggle from "components/ThemeToggle";

const ExamplePage = () => {
  return <ThemeToggle />;
};

export default ExamplePage;