# 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... ```