txtui

Card

Container component for grouping related content and actions.

data-display

Basic

┌──────────────────────────────┐
│                              │
│ Card Title                   │
│                              │
│ This is the card body with   │
│ some descriptive content.    │
│                              │
└──────────────────────────────┘

With Image

┌──────────────────────────────┐
│ ┌──────────────────────────┐ │
│ │                          │ │
│ │       ┌──────────┐       │ │
│ │       │  IMAGE   │       │ │
│ │       └──────────┘       │ │
│ │                          │ │
│ └──────────────────────────┘ │
│                              │
│ Card Title                   │
│                              │
│ A card with an image area    │
│ above the content section.   │
│                              │
└──────────────────────────────┘

Horizontal

┌──────────────┬───────────────────────┐
│              │                       │
│  ┌────────┐  │ Card Title            │
│  │ IMAGE  │  │                       │
│  └────────┘  │ Horizontal layout     │
│              │ with side-by-side     │
│              │ image and content.    │
│              │                       │
└──────────────┴───────────────────────┘