pantoken / visual-debug

visual-debug ​

Béite

@pantoken/plugin-visual-debug — an CSS don prop withVisualDebug de InstUI.

Tógann primitíopaí leagan amach InstUI (View, Flex, Grid, List, …) withVisualDebug chun cruthlíne a tharraingt timpeall an bhosca agus a leanaí agus tú ag dífhabhtú leagan amach. Seo breiseán a sheolann modhnóir amháin le réamhfhocal dash, -with-visual-debug, a oibríonn ar aon eilimint (m.sh. ilchodán le haon bhonn, .instui-view -with-visual-debug). Is airíonna saincheaptha --pantoken-visual-debug-color é dath an chréatlín (go réamhshocraithe magenta geal), mar sin tá sé éasca é a athdathú.

Sampla ​

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>

Comhéadan ​

Athróga ​

Feidhmeanna ​

Tagairtí ​

default ​

Athainmníonn agus ath-onnmhairíonn visualDebug