Components V0

Card

The primary Foundry surface for content groups, dashboard widgets, docs callouts, and product panels.

Next: Field

Default

Clean surface for readable content.

Forged

Industrial border language with stronger material presence.

Inset

Lower visual plane for nested panels and quiet metadata.

View code

<ContentGrid cols={3} gap="lg">
  <Card title="Default"><Copy>Clean surface for readable content.</Copy></Card>
  <Card title="Forged" border="forged"><Copy>Industrial border language with stronger material presence.</Copy></Card>
  <Card title="Inset" surface="inset"><Copy>Lower visual plane for nested panels and quiet metadata.</Copy></Card>
</ContentGrid>

Installation

cargo ax add ui

Manual setup

[dependencies]
axonyx-ui = "0.0.80"

use "@axonyx/ui"

Composition contract

Set title for the built-in heading, or omit it when the card contains its own heading. Children render in the default slot. surface, border, and recipe select visual treatments without changing the article structure.

import { Card } from "@axonyx/ui/foundry/Card.asx"
import { ContentGrid } from "@axonyx/ui/foundry/ContentGrid.asx"
import { Copy } from "@axonyx/ui/foundry/Copy.asx"

<article class="ax-card" data-border="forged">
  <h2 class="ax-card__title">Build status</h2>
  <p class="ax-copy">Static output generated.</p>
</article>