Panel_Card.tsx

Code editor

Use this app page to import its canvas into your workspace, then remix it into your own design — same layout, components & styling.

Visit site

Code panel for Panel_Card.tsx inside Quarry Studio's app-building canvas, wrapping a Sample component with layout-sizing annotations. Style: warm off-white canvas (#f2efea), teal accent (#0f7a6c), dark chip labels, monospace syntax coloring. Layout: toolbar over Pages/Layers/Assets tabs beside a Styles rail of H1–H4 type scales. Components: Import and New File buttons, Copy Link control, Sample.js import statement. Vibe: structured, technical — component design tool.

agent.kombai.com/kombai-inspiration-library/app-pages/code-editor/web/19/index.html