pantoken / visual-debug

visual-debug ​

Бета

@pantoken/plugin-visual-debug — CSS для пропа withVisualDebug InstUI.

Примітиви компоновки InstUI (View, Flex, Grid, List, …) приймають withVisualDebug щоб окреслити блок та його дочірні елементи під час налагодження макета. Цей плагін створює один модифікатор з дефісом, -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