Guide

Learn how @studiometa/ui combines server-rendered markup, declarative JavaScript behavior and composable public APIs.

Start here

1. Read the Concepts overview for the library's mental model and vocabulary.
2. Follow Installation for NPM, Composer, Twig and icon setup.
3. Use the Usage quickstart to register JavaScript components and render templates.
4. Browse the Reference when you need an exact component, primitive, decorator, helper or type contract.

Concepts

• Packages and surfaces — packages, runtime formats, imports and styling ownership.
• Declarative runtime — registration, data attributes, refs, events and lifecycle.
• Composition — components, primitives, decorators, helpers and families.
• Templates and customization — Twig parameters, namespaces, overrides and styling.

Maintain the library

• Contributing — development workflow and public component conventions.
• ESLint plugin — project rules for js-toolkit applications.
• Migration guides — version-specific upgrade instructions.