pantoken / visual-debug

visual-debug ​

Beta

@pantoken/plugin-visual-debug — CSS-en for InstUIs withVisualDebug-egenskap.

InstUIs layoutprimitiver (View, Flex, Grid, List, …) tar withVisualDebug for å ramme inn boksen og dens barn mens man feilsøker et oppsett. Denne pluginen utsteder en enkelt bindestrek-prefikset modifikator, -with-visual-debug, som fungerer på hvilket som helst element (kombinerbar med hvilken som helst base, f.eks. .instui-view -with-visual-debug). Omrissets farge er en --pantoken-visual-debug-color egendefinert egenskap (default en lys magenta) slik at den er lett å fargejustere.

Eksempel ​

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>

Grensesnitt ​

Variabler ​

Funksjoner ​

Referanser ​

default ​

Omdøper og re-eksporterer visualDebug