add link type

This commit is contained in:
Nate Kelley 2025-02-24 10:35:39 -07:00
parent dd056b5a97
commit a37cc5b971
No known key found for this signature in database
GPG Key ID: FD90372AB8D98B4F
2 changed files with 12 additions and 3 deletions

View File

@ -16,7 +16,7 @@ const meta: Meta<typeof AppButton> = {
argTypes: {
buttonType: {
control: 'select',
options: ['default', 'black', 'primary', 'ghost']
options: ['default', 'black', 'primary', 'ghost', 'link']
},
size: {
control: 'select',
@ -124,6 +124,13 @@ export const Ghost: Story = {
}
};
export const Link: Story = {
args: {
buttonType: 'link',
size: 'default'
}
};
export const Small: Story = {
args: {
buttonType: 'default',

View File

@ -15,7 +15,8 @@ const buttonVariants = cva(
primary:
'bg-primary text-white hover:bg-primary-light active:bg-primary-dark data-[selected=true]:bg-primary-dark',
ghost:
'bg-transparent text-gray-dark shadow-none hover:bg-item-hover hover:text-foreground disabled:bg-transparent disabled:text-gray-light active:bg-item-active data-[selected=true]:bg-item-select'
'bg-transparent text-gray-dark shadow-none hover:bg-item-hover hover:text-foreground disabled:bg-transparent disabled:text-gray-light active:bg-item-active data-[selected=true]:bg-item-select',
link: 'bg-transparent text-gray-dark shadow-none hover:text-foreground disabled:bg-transparent disabled:text-gray-light'
},
size: {
default: 'h-6',
@ -58,7 +59,8 @@ const iconVariants = cva('', {
default: 'text-icon',
black: 'text-white',
primary: 'text-white',
ghost: 'text-icon'
ghost: 'text-icon',
link: 'text-icon!'
},
size: {
default: 'text-icon-size',