Add 'pressed' state to button component

This commit is contained in:
2025-11-04 13:48:55 +01:00
parent 8756d81ea2
commit 6cfd694a3c
@@ -20,6 +20,8 @@ export const buttonVariants = cva(
ghost: ghost:
'border-none shadow-none hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50', 'border-none shadow-none hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
link: 'text-primary underline-offset-4 hover:underline', link: 'text-primary underline-offset-4 hover:underline',
pressed:
'bg-slate-100 dark:bg-neutral-700 shadow-none inset-shadow-2xs inset-shadow-black/15 border-none',
}, },
size: { size: {
default: 'h-8 px-6 active:pt-[1px] has-[>svg]:px-3', default: 'h-8 px-6 active:pt-[1px] has-[>svg]:px-3',