mirror of https://github.com/buster-so/buster.git
add link type
This commit is contained in:
parent
dd056b5a97
commit
a37cc5b971
|
@ -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',
|
||||
|
|
|
@ -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',
|
||||
|
|
Loading…
Reference in New Issue