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