Custom Components
Reusable components with props, defaults, slots, and nested composition.
Basic Component Usage
Component Card
This content is passed through the slot. Any HTML can go here, and the card component wraps it with consistent styling.
Component with Multiple Props
Full Card
The card component accepts title, footer, size, and variant props. This one uses both title and footer.
Component with Default Props
Using defaults:
Hello Guest, you are a Visitor
With custom values:
Hello Alice Johnson, you are a Admin
User Card Variations
Hello Alice Johnson, you are a Admin
Hello Bob Smith, you are a Editor
Hello Carol White, you are a Viewer
Component with JSON Array Props
Components can accept JSON arrays as props, which are then iterable inside the component template using loops.
Groups
- Engineering
- Design
- Marketing
Nested Components
Team Overview
Hello Alice Johnson, you are a Admin
Hello Bob Smith, you are a Editor
Hello Carol White, you are a Viewer
Planned Enhancements
Coming Soon
Plugin System
Install third-party component packs via plugin.toml manifests with components and static assets.
Coming Soon
Fragment Caching
Cache expensive component output with <cache ttl="N" key="name"> for partial page caching.
Composing Different Components
Status Dashboard
All systems operational.
Maintenance
Scheduled downtime at midnight.
Healthy
3 Services
v2.1.0