pantoken / visual-debug

visual-debug ​

בטא

@pantoken/plugin-visual-debug — ה‑CSS עבור מאפיין withVisualDebug של InstUI.

הפרימיטיבים של InstUI לפריסה (View, Flex, Grid, List, …) מקבלים withVisualDebug כדי לסמן את המתאר של הקופסה ושל ילדיה בעת דיבוג פריסה. תוסף זה מייצר מודיפייר יחיד המתחיל במקף, -with-visual-debug, שעובד על כל אלמנט (קומפונד עם כל בסיס, למשל .instui-view -with-visual-debug). צבע המתאר הוא מאפיין מותאם אישית מסוג --pantoken-visual-debug-color (ברירת מחדל — מג'נטה בוהקת) כך שקל לשנות את הגוון.

דוגמה ​

ts
import { toCss } from "@pantoken/css";
import { byTheme } from "@pantoken/tokens";
import { visualDebug } from "@pantoken/plugin-visual-debug";

const css = toCss(byTheme("rebrand"), { plugins: [visualDebug()] });
// <div class="instui-view -with-visual-debug">…</div>

ממשקים ​

משתנים ​

פונקציות ​

הפניות ​

default ​

משנה שם ומייצא מחדש את visualDebug