card.ts
875 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
const variant = [
"solid",
"outline",
"soft",
"subtle"
] as const
export default {
"slots": {
"root": "rounded-lg overflow-hidden",
"header": "p-4 sm:px-6",
"title": "text-highlighted font-semibold",
"description": "mt-1 text-muted text-sm",
"body": "p-4 sm:p-6",
"footer": "p-4 sm:px-6"
},
"variants": {
"variant": {
"solid": {
"root": "bg-inverted text-inverted",
"title": "text-inverted",
"description": "text-dimmed"
},
"outline": {
"root": "bg-default ring ring-default divide-y divide-default"
},
"soft": {
"root": "bg-elevated/50 divide-y divide-default"
},
"subtle": {
"root": "bg-elevated/50 ring ring-default divide-y divide-default"
}
}
},
"defaultVariants": {
"variant": "outline" as typeof variant[number]
}
}