pantoken / visual-debug

visual-debug ​

Beta

@pantoken/plugin-visual-debug — CSS pou pwopriyete withVisualDebug nan InstUI.

Primitif layout InstUI yo (View, Flex, Grid, List, …) pran withVisualDebug pou trase kontou bwat la ak pitit li yo pandan w ap débogaj yon layout. Plugin sa a jenere yon sèl modifikatè ki gen yon tirè-prefiks, -with-visual-debug, ki travay sou nenpòt eleman (konpoze ak nenpòt baz, pa egzanp .instui-view -with-visual-debug). Koulè kontou a se yon pwopriyete koutim --pantoken-visual-debug-color (defo yon magenta klere) kidonk li fasil pou retint.

Egzanp ​

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>

Entèfas ​

Varyab ​

Fonksyon ​

Referans ​

default ​

Renome epi re-eksporte visualDebug