Skip to main content
Home
Browse packagesDocsSign in

@doodleui/panda-preset@0.0.1

latest
It is unknown whether this package works with Cloudflare Workers, Node.js, Deno, Bun, Browsers
It is unknown whether this package works with Cloudflare Workers
It is unknown whether this package works with Node.js
It is unknown whether this package works with Deno
It is unknown whether this package works with Bun
It is unknown whether this package works with Browsers
JSR Score
58%
Published
a year ago (0.0.1)

Panda Preset

This is the official Panda-CSS preset for the Doodle UI design system.

Installation

pnpm add -D @doodleui/panda-preset

Usage

import { defineConfig } from '@pandacss/dev'
import pandaPreset from '@pandacss/preset-panda'
import { cerberusPreset, cerberusConfig } from '@doodleui/panda-preset'

export default defineConfig({
  ...cerberusConfig,

  include: ['./src/**/*.{ts,tsx,js,jsx}'],
  exclude: [],

  presets: [pandaPreset, cerberusPreset],
})

Features

NextJS Font Features

If you use NextJS, we recommend the font and settings mentioned below. Unfortunately, NextJS enforces a rule of Font loader values must be explicitly written literals. which means you cannot use a variable to define the font settings or else we would also provide that. :sob:

const poppins = Poppins({
  display: 'swap',
  subsets: ['latin'],
  weight: ['400', '600', '700'],
})

Copyright (c) 2024 Life Awesome Apps, All Rights Reserved

New Ticket: Report package

Please provide a reason for reporting this package. We will review your report and take appropriate action.

Please review the JSR usage policy before submitting a report.

Add Package

deno add jsr:@doodleui/panda-preset

Import symbol

import * as panda_preset from "@doodleui/panda-preset";
or

Import directly with a jsr specifier

import * as panda_preset from "jsr:@doodleui/panda-preset";

Add Package

pnpm i jsr:@doodleui/panda-preset
or (using pnpm 10.8 or older)
pnpm dlx jsr add @doodleui/panda-preset

Import symbol

import * as panda_preset from "@doodleui/panda-preset";

Add Package

yarn add jsr:@doodleui/panda-preset
or (using Yarn 4.8 or older)
yarn dlx jsr add @doodleui/panda-preset

Import symbol

import * as panda_preset from "@doodleui/panda-preset";

Add Package

vlt install jsr:@doodleui/panda-preset

Import symbol

import * as panda_preset from "@doodleui/panda-preset";

Add Package

npx jsr add @doodleui/panda-preset

Import symbol

import * as panda_preset from "@doodleui/panda-preset";

Add Package

bunx jsr add @doodleui/panda-preset

Import symbol

import * as panda_preset from "@doodleui/panda-preset";