Import
tsx
import { Card } from "@indoku/ui"Examples
Basic usage
Hello
Card minimalis ala shadcn.
Konten card ada di sini.
tsx
<Card.Root maxW="sm"> <Card.Header> <Card.Title>Hello</Card.Title> <Card.Description>Card minimalis ala shadcn.</Card.Description> </Card.Header> <Card.Body> <Text fontSize="sm">Konten card ada di sini.</Text> </Card.Body> <Card.Footer> <Button size="sm">Simpan</Button> <Button size="sm" variant="outline">Batal</Button> </Card.Footer></Card.Root>Variants
Pass these as props. The values are read from the live IndokuUI theme, so they always match what ships.
variant3 options
Card
outline
Card
elevated
Card
subtle
size3 options
Card
sm
Card
md
Card
lg
Created by @indokudev