Skip to content
Sandwich UI

Getting started

Installation

Install and setup Panda CSS

See the Panda CSS documentation for installation and setup instructions.

Install the dependencies

Terminal window
npm install @sandwich-ui/core @sandwich-ui/react

Update the panda.config.ts

import { defineConfig } from "@pandacss/dev";
import sandwichUIPreset from "@sandwich-ui/core/preset";


export default defineConfig({
  preflight: true,
  presets: ["@pandacss/dev/presets", sandwichUIPreset],
  include: [
    "./node_modules/@sandwich-ui/core/dist/panda.buildinfo.json",
    "./node_modules/@sandwich-ui/react/dist/panda.buildinfo.json",
    "**/*.{js,jsx,ts,tsx}",
  ],
  importMap: "@sandwich-ui/core",
  outdir: "./node_modules/@sandwich-ui/core/dist/styled-system",
});