pantoken / visual-debug

visual-debug ​

Behta

@pantoken/plugin-visual-debug — CSS InstUI‑gii withVisualDebug‑propma.

InstUI‑gii layout‑primitivsat (View, Flex, Grid, List, …) boađeheapmi withVisualDebug ahte oaivvildit boxa ja johtit gullan go layout dahká. Dát plugin vuolaš okta mihttu dash‑prefikseara modifier, -with-visual-debug, mii bargá bures elementtas (kompounda buori almmuhus, d.e. .instui-view -with-visual-debug). Outline‑vuohta lea --pantoken-visual-debug-color custom‑property (default lea čáje magenta) nu maid leat eanan rievdadit.

Exempel ​

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>

Interfáčat ​

Variáblat ​

Fuššat ​

Referenssat ​

default ​

Nammaštit ja re‑exporterdit visualDebug