pantoken / visual-debug

visual-debug ​

Beta

@pantoken/plugin-visual-debug — CSS untuk prop withVisualDebug dalam InstUI.

Primitif susun atur InstUI (View, Flex, Grid, List, …) menerima withVisualDebug untuk menggariskan kotak dan anak-anaknya semasa menyahpepijat susun atur. Pemalam ini mengeluarkan satu pengubah berawalan sempang, -with-visual-debug, yang berfungsi pada mana-mana elemen (gabungan dengan mana-mana asas, contohnya .instui-view -with-visual-debug). Warna garis luar ialah sifat tersuai --pantoken-visual-debug-color (lalai: magenta terang) jadi mudah untuk menukar semula warnanya.

Contoh ​

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>

Antaramuka ​

Pembolehubah ​

Fungsi ​

Rujukan ​

default ​

Menamakan semula dan mengeksport semula visualDebug