pantoken / visual-debug

visual-debug ​

Βήτα

@pantoken/plugin-visual-debug — το CSS για την ιδιότητα withVisualDebug του InstUI.

Τα βασικά στοιχεία διάταξης του InstUI (View, Flex, Grid, List, …) δέχονται withVisualDebug για να περιγράψουν το πλαίσιο και τα παιδιά του κατά την αποσφαλμάτωση μιας διάταξης. Αυτό το plugin εκπέμπει έναν ενιαίο modifier με πρόθεμα παύλα, -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