Skip to content

Commit a64fa9e

Browse files
committed
docs: update
1 parent 81a449a commit a64fa9e

File tree

1 file changed

+53
-0
lines changed
  • website/content/docs/references

1 file changed

+53
-0
lines changed

website/content/docs/references/cli.mdx

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,16 @@ Initialize Panda in a project. This process will:
1414
- Create a `panda.config.ts` file in your project with the default settings and presets.
1515
- Emit CSS utilities for your project in the specified `output` directory.
1616

17+
```bash
18+
pnpm panda init
19+
20+
# Initialize with interactive mode
21+
pnpm panda init --interactive
22+
23+
# Initialize with PostCSS config
24+
pnpm panda init --postcss
25+
```
26+
1727
| Flag | Description | Related |
1828
| ----------------------------- | ------------------------------------------------------------- | ------------------------------------------------------------- |
1929
| `--interactive, -i` | Whether to run the interactive mode | - |
@@ -73,6 +83,16 @@ pnpm panda "./src/components/**"
7383

7484
Generate new CSS utilities for your project based on the configuration file.
7585

86+
```bash
87+
pnpm panda codegen
88+
89+
# Clean output directory before generating
90+
pnpm panda codegen --clean
91+
92+
# Watch for config changes
93+
pnpm panda codegen --watch
94+
```
95+
7696
| Flag | Description | Related |
7797
| --------------------- | ---------------------------------------------------------------------- | ------------------------------------------------------ |
7898
| `--silent` | Whether to suppress all output | [`config.logLevel`](/docs/references/config#log-level) |
@@ -128,6 +148,19 @@ panda cssgen "static" --outfile dist/static.css
128148

129149
Realtime documentation for your design tokens.
130150

151+
```bash
152+
pnpm panda studio
153+
154+
# Build static studio site
155+
pnpm panda studio --build
156+
157+
# Preview built studio
158+
pnpm panda studio --preview
159+
160+
# Use custom port
161+
pnpm panda studio --port 3000
162+
```
163+
131164
| Flag | Description | Related |
132165
| --------------------- | --------------------------------- | ------------------------------------------- |
133166
| `--build` | Build | - |
@@ -168,6 +201,19 @@ Debug design token extraction & CSS generated from files in glob.
168201

169202
More details in [Debugging](/docs/guides/debugging) docs.
170203

204+
```bash
205+
pnpm panda debug
206+
207+
# Debug a specific file
208+
pnpm panda debug src/components/Button.tsx
209+
210+
# Output to stdout without writing files
211+
pnpm panda debug --dry
212+
213+
# Only output resolved config
214+
pnpm panda debug --only-config
215+
```
216+
171217
| Flag | Description | Related |
172218
| --------------------- | ---------------------------------------------------------------------- | --------------------------------------------------------- |
173219
| `--silent` | Whether to suppress all output | - |
@@ -209,6 +255,13 @@ Emit package.json with entrypoints, can be used to create a workspace package de
209255
[`config.outdir`](/docs/references/config#outdir), in combination with
210256
[`config.importMap`](/docs/references/config#importmap)
211257

258+
```bash
259+
pnpm panda emit-pkg
260+
261+
# Specify output directory
262+
pnpm panda emit-pkg --outdir styled-system
263+
```
264+
212265
| Flag | Description | Related |
213266
| ---------------- | ---------------------------------------------------- | ------------------------------------------------------ |
214267
| `--outdir <dir>` | The output directory for the generated CSS utilities | [`config.outdir`](/docs/references/config#outdir) |

0 commit comments

Comments
 (0)