pantoken / visual-debug

visual-debug ​

Beta

@pantoken/plugin-visual-debug — CSS za InstUI-jevo lastnost withVisualDebug.

Postavni primitivni elementi InstUI (View, Flex, Grid, List, …) sprejmejo withVisualDebug za obrobo polja in njegovih otrok med odpravljanjem napak pri postavitvi. Ta vtičnik izda en modifikator s pomišljajem na začetku, -with-visual-debug, ki deluje na katerem koli elementu (skupen z katero koli osnovo, npr. .instui-view -with-visual-debug). Barva obrobe je --pantoken-visual-debug-color prilagodljiva lastnost (privzeto svetlo vijolična), zato jo je enostavno prebarvati.

Primer ​

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>

Vmesniki ​

Spremenljivke ​

Funkcije ​

Sklici ​

default ​

Preimenuje in ponovno izvozi visualDebug