daemon-ui
Components

Card

Container component with panel background and HUD-style borders.

Import

import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, Button } from '@dmm1/daemon-ui'

Usage

SYSTEM STATUS

Real-time monitoring data

All systems operational.

<Card>
  <CardHeader>
    <CardTitle>SYSTEM STATUS</CardTitle>
    <CardDescription>Real-time monitoring data</CardDescription>
  </CardHeader>
  <CardContent>
    <p>All systems operational.</p>
  </CardContent>
  <CardFooter>
    <Button variant="outline">REFRESH</Button>
  </CardFooter>
</Card>

API Reference

PropTypeDefaultDescription
classNamestringAdditional CSS classes
childrenReactNodeCard content

On this page