Usage
import { Link } from '@loomhq/lens'
<Link>Content</Link>
Variants
<>
<Link href='http://loom.com/'>
Primary
</Link> {' '}
<Link variant="neutral" href='http://loom.com/'>
Neutral
</Link>
</>
Href
<Link href='http://loom.com/'>
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="http://clouds.com/">clouds.com</Link>
<span> {demoText.medium}</span>
</Text>
Ellipsis
<Text hasEllipsis>
<Link href='http://loom.com/'>
{demoText.medium}
</Link>
</Text>
Size
<Text size='xxlarge'>
<Link href='http://loom.com/'>
Big link
</Link>
</Text>
Props
variant
'neutral' | 'primary'
'primary'
onClick
React.ReactEventHandler