title: Custom Components page: components

Custom Components

Reusable components with props, defaults, slots, and nested composition.

Basic Component Usage

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

The card component accepts title, footer, size, and variant props. This one uses both title and footer.

Component with Default Props

Using defaults:

With custom values:

User Card Variations

Component with JSON Array Props

Components can accept JSON arrays as props, which are then iterable inside the component template using loops.

Nested Components

Planned Enhancements

Plugin System

Install third-party component packs via plugin.toml manifests with components and static assets.
Fragment Caching

Cache expensive component output with <cache ttl="N" key="name"> for partial page caching.

Composing Different Components

All systems operational. Scheduled downtime at midnight.
Healthy 3 Services v2.1.0