NeoTerm UI

Card

A composable card container with header, content, and footer slots.

Import

import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "neoterm-ui";

Usage

<Card>
  <CardHeader>
    <CardTitle>System Status</CardTitle>
    <CardDescription>All services operational</CardDescription>
  </CardHeader>
  <CardContent>
    <p>CPU usage: 42%</p>
  </CardContent>
  <CardFooter>
    <Button>Refresh</Button>
  </CardFooter>
</Card>

Subcomponents

PropTypeDefaultDescription
Carddiv wrapperRoot card container with terminal styling.
CardHeaderdivHeader section.
CardTitleh3Title text.
CardDescriptionpDescription / subtitle.
CardContentdivMain content area.
CardFooterdivFooter with actions.