pantoken / visual-debug

visual-debug ​

Bêta

@pantoken/plugin-visual-debug — y CSS ar gyfer prop withVisualDebug o InstUI.

Mae elfenni sylfaenol gosodiad InstUI (View, Flex, Grid, List, …) yn derbyn withVisualDebug i amlinellu’r blwch a’i blant wrth ddatrys problemau gosodiad. Mae’r ategyn hwn yn allforio un addaswr gyda dash, -with-visual-debug, sy’n gweithio ar unrhyw elfen (cyfansoddyn gyda unrhyw sylfaen, e.e. .instui-view -with-visual-debug). Mae lliw yr amlinelliad yn eiddo arferol --pantoken-visual-debug-color (yn ddiofyn magenta disglair) felly mae’n hawdd ei ail-ddiffinio.

Enghraifft ​

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>

Rhyngwynebau ​

Newidynnau ​

Swyddogaethau ​

Cyfeiriadau ​

default ​

Ail-enwi ac ailallforio visualDebug