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