Fundamentals

Concepts that apply across the whole library. New here? Start with Naming and Tokens — they explain the vocabulary every component page assumes.

• Naming — classes, data attributes, custom properties, events.
• Tokens — the DTCG token layers behind every --hc-* value.
• Layout utilities — intrinsically responsive layout primitives.
• Responsive design — the container-first strategy and where each tool fits.
• Internationalization (i18n) — translate the strings behaviors inject, with one message catalog.
• Accessibility — Forced Colors / Windows High Contrast support via CSS system colors.

Interactive components rely on small JS behaviors — see Installation → Behaviors for how they install and why they are idempotent.