gitscope
/
← marzneshin / dashboard/src/components/ui/button/index.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/components/ui/button/index.tsx · v0.3.2
Source
1 4b7c475 Mardin 2y ago import * as React from "react"
2 4b7c475 Mardin 2y ago import { Slot } from "@radix-ui/react-slot"
3 4b7c475 Mardin 2y ago import { cva, type VariantProps } from "class-variance-authority"
4 4b7c475 Mardin 2y ago
5 4b7c475 Mardin 2y ago import { cn } from "@marzneshin/utils"
6 4b7c475 Mardin 2y ago
7 4b7c475 Mardin 2y ago const buttonVariants = cva(
8 4b7c475 Mardin 2y ago "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
9 4b7c475 Mardin 2y ago {
10 4b7c475 Mardin 2y ago variants: {
11 4b7c475 Mardin 2y ago variant: {
12 4b7c475 Mardin 2y ago default: "bg-primary text-primary-foreground hover:bg-primary/90",
13 4b7c475 Mardin 2y ago destructive:
14 4b7c475 Mardin 2y ago "bg-destructive text-destructive-foreground hover:bg-destructive/90",
15 4b7c475 Mardin 2y ago success:
16 4b7c475 Mardin 2y ago "bg-success text-success-foreground hover:bg-success/80",
17 4b7c475 Mardin 2y ago outline:
18 4b7c475 Mardin 2y ago "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
19 4b7c475 Mardin 2y ago secondary:
20 4b7c475 Mardin 2y ago "bg-secondary text-secondary-foreground hover:bg-secondary/80",
21 4b7c475 Mardin 2y ago ghost: "hover:bg-accent hover:text-accent-foreground",
22 4b7c475 Mardin 2y ago link: "text-primary underline-offset-4 hover:underline",
23 4b7c475 Mardin 2y ago },
24 4b7c475 Mardin 2y ago size: {
25 4b7c475 Mardin 2y ago default: "h-10 px-4 py-2",
26 4b7c475 Mardin 2y ago sm: "h-9 rounded-md px-3",
27 4b7c475 Mardin 2y ago lg: "h-11 rounded-md px-8",
28 4b7c475 Mardin 2y ago icon: "h-10 w-10",
29 4b7c475 Mardin 2y ago },
30 4b7c475 Mardin 2y ago },
31 4b7c475 Mardin 2y ago defaultVariants: {
32 4b7c475 Mardin 2y ago variant: "default",
33 4b7c475 Mardin 2y ago size: "default",
34 4b7c475 Mardin 2y ago },
35 4b7c475 Mardin 2y ago }
36 4b7c475 Mardin 2y ago )
37 4b7c475 Mardin 2y ago
38 4b7c475 Mardin 2y ago export interface ButtonProps
39 4b7c475 Mardin 2y ago extends React.ButtonHTMLAttributes<HTMLButtonElement>,
40 4b7c475 Mardin 2y ago VariantProps<typeof buttonVariants> {
41 4b7c475 Mardin 2y ago asChild?: boolean
42 4b7c475 Mardin 2y ago }
43 4b7c475 Mardin 2y ago
44 4b7c475 Mardin 2y ago const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
45 4b7c475 Mardin 2y ago ({ className, variant, size, asChild = false, ...props }, ref) => {
46 4b7c475 Mardin 2y ago const Comp = asChild ? Slot : "button"
47 4b7c475 Mardin 2y ago return (
48 4b7c475 Mardin 2y ago <Comp
49 4b7c475 Mardin 2y ago className={cn(buttonVariants({ variant, size, className }))}
50 4b7c475 Mardin 2y ago ref={ref}
51 4b7c475 Mardin 2y ago {...props}
52 4b7c475 Mardin 2y ago />
53 4b7c475 Mardin 2y ago )
54 4b7c475 Mardin 2y ago }
55 4b7c475 Mardin 2y ago )
56 4b7c475 Mardin 2y ago Button.displayName = "Button"
57 4b7c475 Mardin 2y ago
58 4b7c475 Mardin 2y ago export { Button, buttonVariants }