Craftit Examples

• How to Use These Examples
• Examples Overview

How to Use These Examples

These examples cover custom element definition, reactive templates, props, slots, and testing.

1. Start with the first example page to learn the baseline pattern.
2. Move to advanced pages that match your framework or production scenario.
3. Keep the API page open while adapting snippets to your project.

These examples are aligned with the current @vielzeug/craftit API.

Examples Overview

• Plain Props API
• Counter Component
• Search List with Directives
• Typed Props and Emits
• Context Provider and Consumer
• Form-Associated Rating Input
• Observers in onMount
• Test Example (@vielzeug/craftit/testing)