Card
Container component with the signature HUD aesthetic. The "hud" variant adds corner bracket decorations that are core to the spectre-ui identity.
Variants
Preview
Default
Standard card style
Card content goes here.
HUD
With corner brackets
The signature FUI card style.
Elevated
With glow shadow
Elevated with glow effect.
Outlined
Transparent background
Outline-only style.
With Footer
Preview
Mission Briefing
Operation: Nightfall
Infiltrate the target facility and retrieve the classified documents. Time limit: 48 hours.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "elevated" | "outlined" | "hud" | "default" | Visual style variant. 'hud' adds corner bracket decorations. |
| padding | "none" | "sm" | "md" | "lg" | "md" | Internal padding of the card. |