/
nasya
/
SafeDrop
Обзор
Документация
Войти
/
nasya
/
SafeDrop
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
apps/web/src/components/ui/button.tsx
29 строк
1 KB
nasya
Initial commit
24 май 2026, 16:12
24 май 2026, 16:12
16bc032
Код
Авторство
О чём код?
import { cva, type VariantProps } from "class-variance-authority"; import type * as React from "react"; import { cn } from "@/lib/utils"; export const buttonVariants = cva( "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-60 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", { defaultVariants: { size: "default", variant: "default", }, variants: { size: { default: "h-10 px-4", sm: "h-9 px-3", }, variant: { default: "border border-primary bg-primary text-primary-foreground hover:bg-primary/90", outline: "border border-border bg-background text-foreground hover:bg-muted", }, }, }, ); export type ButtonProps = React.ComponentProps<"button"> & VariantProps<typeof buttonVariants>; export function Button({ className, size, variant, ...props }: ButtonProps) { return <button className={cn(buttonVariants({ size, variant }), className)} {...props} />; }