Custom Components

Source

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.

Footer text goes here

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

3 team members

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 for partial page caching.

Composing Different Components

Status Dashboard

All systems operational.

Maintenance

Scheduled downtime at midnight.

Healthy3 Servicesv2.1.0

Source

Loading...