Usage
import { Link } from '@loomhq/lens'
<Link>Content</Link>
Variants
<Arrange gap="small">
<Link href='#'>
Primary
</Link>
<Link variant="neutral" href='#'>
Neutral
</Link>
</Arrange>
Href
<Link href='#'>
Take me somewhere
</Link>
HTML tag
Change the HTML wrapper tag with htmlTag prop.
<Arrange gap="small">
<Link>Rendering {'<a>'} tag</Link>
<Link htmlTag="button">Rendering {'<button>'} tag</Link>
</Arrange>
Disabled
<Link isDisabled>
Can't touch this
</Link>
Examples
Link in a paragraph
<Text>
<span>{demoText.medium} </span>
<Link href='#'>clouds.com</Link>
<span> {demoText.medium}</span>
</Text>
Ellipsis
<Text hasEllipsis>
<Link href='#'>
{demoText.medium}
</Link>
</Text>
Size
<Text size='xxlarge'>
<Link href='#'>
Big link
</Link>
</Text>
Props
variant
'neutral' | 'primary'
'primary'
onClick
React.MouseEventHandler<HTMLAnchorElement>