gitscope
/
← marzneshin / dashboard/src/components/ui/card.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/components/ui/card.tsx · v0.3.0-alpha11
Source
1 88bd1b0 Mrdn 2y ago import * as React from "react"
2 88bd1b0 Mrdn 2y ago
3 88bd1b0 Mrdn 2y ago import { cn } from "@marzneshin/utils"
4 88bd1b0 Mrdn 2y ago
5 88bd1b0 Mrdn 2y ago const Card = React.forwardRef<
6 88bd1b0 Mrdn 2y ago HTMLDivElement,
7 88bd1b0 Mrdn 2y ago React.HTMLAttributes<HTMLDivElement>
8 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
9 88bd1b0 Mrdn 2y ago <div
10 88bd1b0 Mrdn 2y ago ref={ref}
11 88bd1b0 Mrdn 2y ago className={cn(
12 88bd1b0 Mrdn 2y ago "rounded-lg border bg-card text-card-foreground shadow-sm",
13 88bd1b0 Mrdn 2y ago className
14 88bd1b0 Mrdn 2y ago )}
15 88bd1b0 Mrdn 2y ago {...props}
16 88bd1b0 Mrdn 2y ago />
17 88bd1b0 Mrdn 2y ago ))
18 88bd1b0 Mrdn 2y ago Card.displayName = "Card"
19 88bd1b0 Mrdn 2y ago
20 88bd1b0 Mrdn 2y ago const CardHeader = React.forwardRef<
21 88bd1b0 Mrdn 2y ago HTMLDivElement,
22 88bd1b0 Mrdn 2y ago React.HTMLAttributes<HTMLDivElement>
23 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
24 88bd1b0 Mrdn 2y ago <div
25 88bd1b0 Mrdn 2y ago ref={ref}
26 88bd1b0 Mrdn 2y ago className={cn("flex flex-col space-y-1.5 p-6", className)}
27 88bd1b0 Mrdn 2y ago {...props}
28 88bd1b0 Mrdn 2y ago />
29 88bd1b0 Mrdn 2y ago ))
30 88bd1b0 Mrdn 2y ago CardHeader.displayName = "CardHeader"
31 88bd1b0 Mrdn 2y ago
32 88bd1b0 Mrdn 2y ago const CardTitle = React.forwardRef<
33 88bd1b0 Mrdn 2y ago HTMLParagraphElement,
34 88bd1b0 Mrdn 2y ago React.HTMLAttributes<HTMLHeadingElement>
35 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
36 88bd1b0 Mrdn 2y ago <h3
37 88bd1b0 Mrdn 2y ago ref={ref}
38 88bd1b0 Mrdn 2y ago className={cn(
39 88bd1b0 Mrdn 2y ago "text-2xl font-semibold leading-none tracking-tight",
40 88bd1b0 Mrdn 2y ago className
41 88bd1b0 Mrdn 2y ago )}
42 88bd1b0 Mrdn 2y ago {...props}
43 88bd1b0 Mrdn 2y ago />
44 88bd1b0 Mrdn 2y ago ))
45 88bd1b0 Mrdn 2y ago CardTitle.displayName = "CardTitle"
46 88bd1b0 Mrdn 2y ago
47 88bd1b0 Mrdn 2y ago const CardDescription = React.forwardRef<
48 88bd1b0 Mrdn 2y ago HTMLParagraphElement,
49 88bd1b0 Mrdn 2y ago React.HTMLAttributes<HTMLParagraphElement>
50 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
51 88bd1b0 Mrdn 2y ago <p
52 88bd1b0 Mrdn 2y ago ref={ref}
53 88bd1b0 Mrdn 2y ago className={cn("text-sm text-muted-foreground", className)}
54 88bd1b0 Mrdn 2y ago {...props}
55 88bd1b0 Mrdn 2y ago />
56 88bd1b0 Mrdn 2y ago ))
57 88bd1b0 Mrdn 2y ago CardDescription.displayName = "CardDescription"
58 88bd1b0 Mrdn 2y ago
59 88bd1b0 Mrdn 2y ago const CardContent = React.forwardRef<
60 88bd1b0 Mrdn 2y ago HTMLDivElement,
61 88bd1b0 Mrdn 2y ago React.HTMLAttributes<HTMLDivElement>
62 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
63 88bd1b0 Mrdn 2y ago <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
64 88bd1b0 Mrdn 2y ago ))
65 88bd1b0 Mrdn 2y ago CardContent.displayName = "CardContent"
66 88bd1b0 Mrdn 2y ago
67 88bd1b0 Mrdn 2y ago const CardFooter = React.forwardRef<
68 88bd1b0 Mrdn 2y ago HTMLDivElement,
69 88bd1b0 Mrdn 2y ago React.HTMLAttributes<HTMLDivElement>
70 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
71 88bd1b0 Mrdn 2y ago <div
72 88bd1b0 Mrdn 2y ago ref={ref}
73 88bd1b0 Mrdn 2y ago className={cn("flex items-center p-6 pt-0", className)}
74 88bd1b0 Mrdn 2y ago {...props}
75 88bd1b0 Mrdn 2y ago />
76 88bd1b0 Mrdn 2y ago ))
77 88bd1b0 Mrdn 2y ago CardFooter.displayName = "CardFooter"
78 88bd1b0 Mrdn 2y ago
79 88bd1b0 Mrdn 2y ago export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }