/
smaker21
/
YouTube-transcript-using-supadata
Обзор
Документация
Войти
/
smaker21
/
YouTube-transcript-using-supadata
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
components/ui/toggle.tsx
45 строк
2 KB
Ilya Ostapov
new file: .env.example
12 фев 2026, 18:43
12 фев 2026, 18:43
7016baa
Код
Авторство
О чём код?
'use client' import * as React from 'react' import * as TogglePrimitive from '@radix-ui/react-toggle' import { cva, type VariantProps } from 'class-variance-authority' import { cn } from '@/lib/utils' const toggleVariants = cva( 'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2', { variants: { variant: { default: 'bg-transparent', outline: 'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground', }, size: { default: 'h-10 px-3 min-w-10', sm: 'h-9 px-2.5 min-w-9', lg: 'h-11 px-5 min-w-11', }, }, defaultVariants: { variant: 'default', size: 'default', }, }, ) const Toggle = React.forwardRef< React.ElementRef<typeof TogglePrimitive.Root>, React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants> >(({ className, variant, size, ...props }, ref) => ( <TogglePrimitive.Root ref={ref} className={cn(toggleVariants({ variant, size, className }))} {...props} /> )) Toggle.displayName = TogglePrimitive.Root.displayName export { Toggle, toggleVariants }