Dev Tools
Werkzeuge für die Entwicklung mit hunjy-ui – nicht für den Produktionseinsatz gedacht.
Dev Inspector
Design-Inspector-Overlay: zeigt beim Hovern über ein Element dessen Tag, Klassen, Box-Model und aktive --ui-*-Theme-Variablen an.
npx hunjy-ui add dev-inspectorWie ein minimales DevTools-Panel, aber projektübergreifend nutzbar – fährst du über ein Element, siehst du sofort dessen HTML-Tag, CSS-Klassen, Abstände und welche Theme-Variablen dort aktiv sind. Auf dieser Seite bereits aktiv: unten rechts auf das Fadenkreuz-Symbol klicken oder Alt+D drücken.
Unten rechts auf dieser Seite: Fadenkreuz-Symbol anklicken (oder Alt + D) und über ein Element hovern, um Tag, Klassen, Box-Model und Theme-Variablen live zu sehen.