Zudo Sg — Styleguide

Card

Surface container with outlined / elevated / filled variants and Title/Body/Footer slots.

Layout

Usage

import { Card, CardTitle, CardBody, CardFooter } from "@zudo-sg/ui";

<Card variant="elevated">
  <CardTitle>Heading</CardTitle>
  <CardBody>Supporting copy.</CardBody>
</Card>
Linked (whole card)
Variants

Controls

With footer