Card

A Warcraft-themed card with parchment border-image frames. Compose with CardHeader, CardTitle, CardDescription, CardAction, CardContent, and CardFooter.

Default

Warcraft III

The Reign of Chaos

The armies of the Burning Legion have been unleashed upon the world. The once peaceful kingdoms now stand on the brink of destruction.

Small

Quick Info

Compact card variant

A smaller card for compact layouts.

With CardAction

CardAction renders an action in the top-right of the header.

Hero Status

Current battlefield position

Active

Your hero is stationed at Stratholme, awaiting further orders from the Alliance command.

Content Only

Lore Entry

The Frozen Throne holds the spirit of the Lich King. It was placed in Northrend by the demon lord Kil'jaeden to bind Ner'zhul's soul to the armor.

Usage

<script>
  import {
    Card, CardHeader, CardTitle, CardDescription,
    CardAction, CardContent, CardFooter
  } from 'warcraftcn-ui-svelte';
</script>

<Card>
  <CardHeader>
    <CardTitle>Title</CardTitle>
    <CardDescription>Description</CardDescription>
  </CardHeader>
  <CardContent>
    <p>Card body content.</p>
  </CardContent>
  <CardFooter>
    <Button>Action</Button>
  </CardFooter>
</Card>

Props

Prop	Type	Default
size	"default" \| "sm"	"default"