bloomBUILD•SHIP•BLOOM
.md

Card

BloomCard

Displays a card with title, description, content, action header slots, and a shaded border-divided footer.

bloom ui add card
package: bloom_ui
bloom-uiBloomCard

Shorebird OTA Fleet

Bytecode patch distribution

HEALTHY
Active Patch:#492-delta
Impeller 60fps:100% stable

Usage

BloomCard.dart
dart
BloomCard(
  header: const BloomCardHeader(
    title: BloomCardTitle('Project Overview'),
    description: BloomCardDescription('Deployment metrics for production cluster.'),
  ),
  content: const Text('All services operating normally with 99.99% uptime.'),
  footer: BloomCardFooter(
    child: Row(
      mainAxisAlignment: MainAxisAlignment.end,
      children: [
        BloomButton(
          size: BloomButtonSize.sm,
          onPressed: () {},
          child: const Text('View Logs'),
        ),
      ],
    ),
  ),
)