snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)
This commit is contained in:
59
apps/v4/registry/bases/radix/ui/button.tsx
Normal file
59
apps/v4/registry/bases/radix/ui/button.tsx
Normal file
@@ -0,0 +1,59 @@
|
||||
import * as React from "react"
|
||||
import { cva, type VariantProps } from "class-variance-authority"
|
||||
import { cn } from "cn"
|
||||
import { Slot } from "radix-ui"
|
||||
|
||||
const buttonVariants = cva(
|
||||
"cn-button group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
||||
{
|
||||
variants: {
|
||||
variant: {
|
||||
default: "cn-button-variant-default",
|
||||
outline: "cn-button-variant-outline",
|
||||
secondary: "cn-button-variant-secondary",
|
||||
ghost: "cn-button-variant-ghost",
|
||||
destructive: "cn-button-variant-destructive",
|
||||
link: "cn-button-variant-link",
|
||||
},
|
||||
size: {
|
||||
default: "cn-button-size-default",
|
||||
xs: "cn-button-size-xs",
|
||||
sm: "cn-button-size-sm",
|
||||
lg: "cn-button-size-lg",
|
||||
icon: "cn-button-size-icon",
|
||||
"icon-xs": "cn-button-size-icon-xs",
|
||||
"icon-sm": "cn-button-size-icon-sm",
|
||||
"icon-lg": "cn-button-size-icon-lg",
|
||||
},
|
||||
},
|
||||
defaultVariants: {
|
||||
variant: "default",
|
||||
size: "default",
|
||||
},
|
||||
}
|
||||
)
|
||||
|
||||
function Button({
|
||||
className,
|
||||
variant = "default",
|
||||
size = "default",
|
||||
asChild = false,
|
||||
...props
|
||||
}: React.ComponentProps<"button"> &
|
||||
VariantProps<typeof buttonVariants> & {
|
||||
asChild?: boolean
|
||||
}) {
|
||||
const Comp = asChild ? Slot.Root : "button"
|
||||
|
||||
return (
|
||||
<Comp
|
||||
data-slot="button"
|
||||
data-variant={variant}
|
||||
data-size={size}
|
||||
className={cn(buttonVariants({ variant, size, className }))}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
export { Button, buttonVariants }
|
||||
Reference in New Issue
Block a user