gitscope
/
← marzneshin / dashboard/src/common/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/common/components/ui/button/index.tsx · v0.7.1
Source
1 4056c66 Dawsh 1y ago import * as React from "react";
2 4056c66 Dawsh 1y ago import { Slot } from "@radix-ui/react-slot";
3 4056c66 Dawsh 1y ago import { cva, type VariantProps } from "class-variance-authority";
4 4b7c475 Mardin 2y ago
5 4056c66 Dawsh 1y ago import { cn } from "@marzneshin/common/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 4056c66 Dawsh 1y ago default:
13 4056c66 Dawsh 1y ago "bg-primary text-primary-foreground hover:bg-primary/90",
14 4b7c475 Mardin 2y ago destructive:
15 4b7c475 Mardin 2y ago "bg-destructive text-destructive-foreground hover:bg-destructive/90",
16 4056c66 Dawsh 1y ago "secondary-destructive":
17 4056c66 Dawsh 1y ago "hover:bg-accent text-destructive hover:bg-destructive/20",
18 4b7c475 Mardin 2y ago success:
19 4b7c475 Mardin 2y ago "bg-success text-success-foreground hover:bg-success/80",
20 4b7c475 Mardin 2y ago outline:
21 4b7c475 Mardin 2y ago "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
22 4b7c475 Mardin 2y ago secondary:
23 4b7c475 Mardin 2y ago "bg-secondary text-secondary-foreground hover:bg-secondary/80",
24 4b7c475 Mardin 2y ago ghost: "hover:bg-accent hover:text-accent-foreground",
25 4b7c475 Mardin 2y ago link: "text-primary underline-offset-4 hover:underline",
26 4b7c475 Mardin 2y ago },
27 4b7c475 Mardin 2y ago size: {
28 4b7c475 Mardin 2y ago default: "h-10 px-4 py-2",
29 4b7c475 Mardin 2y ago sm: "h-9 rounded-md px-3",
30 4b7c475 Mardin 2y ago lg: "h-11 rounded-md px-8",
31 4b7c475 Mardin 2y ago icon: "h-10 w-10",
32 4b7c475 Mardin 2y ago },
33 4b7c475 Mardin 2y ago },
34 4b7c475 Mardin 2y ago defaultVariants: {
35 4b7c475 Mardin 2y ago variant: "default",
36 4b7c475 Mardin 2y ago size: "default",
37 4b7c475 Mardin 2y ago },
38 4056c66 Dawsh 1y ago },
39 4056c66 Dawsh 1y ago );
40 4b7c475 Mardin 2y ago
41 4b7c475 Mardin 2y ago export interface ButtonProps
42 4b7c475 Mardin 2y ago extends React.ButtonHTMLAttributes<HTMLButtonElement>,
43 4b7c475 Mardin 2y ago VariantProps<typeof buttonVariants> {
44 4056c66 Dawsh 1y ago asChild?: boolean;
45 4b7c475 Mardin 2y ago }
46 4b7c475 Mardin 2y ago
47 4b7c475 Mardin 2y ago const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
48 4b7c475 Mardin 2y ago ({ className, variant, size, asChild = false, ...props }, ref) => {
49 4056c66 Dawsh 1y ago const Comp = asChild ? Slot : "button";
50 4b7c475 Mardin 2y ago return (
51 4b7c475 Mardin 2y ago <Comp
52 4b7c475 Mardin 2y ago className={cn(buttonVariants({ variant, size, className }))}
53 4b7c475 Mardin 2y ago ref={ref}
54 4b7c475 Mardin 2y ago {...props}
55 4b7c475 Mardin 2y ago />
56 4056c66 Dawsh 1y ago );
57 4056c66 Dawsh 1y ago },
58 4056c66 Dawsh 1y ago );
59 4056c66 Dawsh 1y ago Button.displayName = "Button";
60 4b7c475 Mardin 2y ago
61 4056c66 Dawsh 1y ago export { Button, buttonVariants };