Add 'pressed' state to button component
This commit is contained in:
@@ -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',
|
||||||
|
|||||||
Reference in New Issue
Block a user