home/categories/cms-platforms/hkuds-openspace-showcase-skills-panel-component-xss-safe-skill-md
cms-platformsdevelopment

panel-component-xss-safe

Create a dashboard panel component using vanilla TypeScript DOM API, following the worldmonitor Panel architecture. Panels have a header with title/count, scrollable content area, loading/error states, and resize handles. Includes XSS-safe rendering pattern with esc() helper for safely interpolating untrusted external API data into innerHTML.

HKUDS
maintainer
HKUDS
آخر تحديث 3/24/2026
النجوم
4934
التفرعات
588
quick start

Installation and usage

Create a dashboard panel component using vanilla TypeScript DOM API, following the worldmonitor Panel architecture. Panels have a header with title/count, scrollable content area, loading/error states, and resize handles. Includes XSS-safe rendering pattern with esc() helper for safely interpolating untrusted external API data into innerHTML.

التثبيت
$ install --globalskills.sh
الاستخدام

بعد التثبيت، يمكنك استخدام هذه المهارة بتشغيل الأمر التالي في الطرفية:

skills use panel-component-xss-safe