pantoken / visual-debug

visual-debug

Béta

@pantoken/plugin-visual-debug — az InstUI withVisualDebug tulajdonságának CSS-je.

Az InstUI elrendezési primitívei (View, Flex, Grid, List, …) elfogadják a withVisualDebug értéket a doboz és annak gyermekeinek körvonalazásához az elrendezés hibakeresése során. Ez a plugin egyetlen kötőjel-előtagú módosítót bocsát ki, -with-visual-debug, amely bármely elemmel működik (tetszőleges alappal kombinálható, például .instui-view -with-visual-debug). A körvonal szín egy --pantoken-visual-debug-color egyéni tulajdonság (alapértelmezés szerint élénk magenta), így könnyű újra színezni.

Példa

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>

Interfészek

• VisualDebugOptions

Változók

• VISUAL_DEBUG_RULES

Függvények

• visualDebugRules
• visualDebug

Hivatkozások

default

Átnevezi és újraexportálja a visualDebug-ot