pantoken / visual-debug

visual-debug ​

Beta

@pantoken/plugin-visual-debug — CSS fyrir withVisualDebug‑eiginleikann í InstUI.

Uppsetningareiningar InstUI (View, Flex, Grid, List, …) taka withVisualDebug til að teikna útlínuna fyrir kassann og börn hans við bilanaleit í uppsetningu. Þessi viðbót skilar einum bandstrik‑fyrstafabreyti, -with-visual-debug, sem virkar á hvaða stak sem er (samsett með hvaða grunni sem er, t.d. .instui-view -with-visual-debug). Útlínuliturinn er --pantoken-visual-debug-color sérsniðin eign (sjálfgefið björt magenta) svo auðvelt er að endurlita hann.

Dæmi ​

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>

Viðmót ​

Breytur ​

Föll ​

Tilvísanir ​

default ​

Endurnefnir og flytur aftur út visualDebug