You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
762 B
42 lines
762 B
3 years ago
|
import React from 'react'
|
||
|
|
import Link from './link'
|
||
|
|
|
||
|
|
enum LinkVariant {
|
||
|
|
Primary = 'primary',
|
||
|
|
Danger = 'danger',
|
||
|
|
Success = 'success',
|
||
|
|
Info = 'info',
|
||
|
|
Secondary = 'secondary'
|
||
|
|
}
|
||
|
|
|
||
|
|
enum LinkSize {
|
||
|
|
Sm = 'sm',
|
||
|
|
Lg = 'lg'
|
||
|
|
}
|
||
|
|
|
||
|
|
export const Default: React.FC = (props) => (
|
||
|
|
<Link {...props} href="/">
|
||
|
|
just a link
|
||
|
|
</Link>
|
||
|
|
)
|
||
|
|
|
||
|
|
export default {
|
||
|
|
title: 'DesignSystem/Atoms/Link',
|
||
|
|
argTypes: {
|
||
|
|
uppercase: {
|
||
|
|
defaultValue: false,
|
||
|
|
control: { type: 'boolean' },
|
||
|
|
},
|
||
|
|
variant: {
|
||
|
|
defaultValue: LinkVariant.Primary,
|
||
|
|
options: Object.values(LinkVariant),
|
||
|
|
control: { type: 'select' },
|
||
|
|
},
|
||
|
|
size: {
|
||
|
|
defaultValue: LinkSize.Sm,
|
||
|
|
options: Object.values(LinkSize),
|
||
|
|
control: { type: 'select' },
|
||
|
|
},
|
||
|
|
},
|
||
|
|
}
|