pantoken / visual-debug

visual-debug ​

Բետա

@pantoken/plugin-visual-debug — InstUI-ի withVisualDebug հատկության CSS-ը.

InstUI-ի դասավորության հիմնական տարրերը (View, Flex, Grid, List, …) ընդունում են withVisualDebug՝ բոքսի և դրա երեխաների եզրագիծը ցույց տալու համար՝ դասավորությունը սխալազատելիս: Այս plugin‑ը արտադրում է մեկ գծանշված նախորդով մոդիֆիկատոր՝ -with-visual-debug, որը աշխատում է ցանկացած էլեմենտի վրա (կոմպաունդ ցանկացած բազայի հետ, օրինակ՝ .instui-view -with-visual-debug). Եզրագծի գույնը պահվում է --pantoken-visual-debug-color կաստոմ հատկության մեջ (ստանդարտ՝ շքեղ մագենտա), որպեսզի հեշտ լինի այն վերաներկել:

Օրինակ ​

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>

Ինտերֆեյսներ ​

Փոփոխականներ ​

Ֆունկցիաներ ​

Հղումներ ​

default ​

Վերանվանում և վերաարտադրում է visualDebug