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 dependency

Terminal window
npm install @sandwich-ui/core

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",
    "**/*.html",
  ],
  importMap: "@sandwich-ui/core",
  outdir: "./node_modules/@sandwich-ui/core/dist/styled-system",
});