@clayui/link

ClayLink component

Usage no npm install needed!

<script type="module">
  import clayuiLink from 'https://cdn.skypack.dev/@clayui/link';
</script>

README

title: 'Link' description: 'Also known as a hyperlink, a link is a clickable (text or image) element used for navigation purposes.' lexiconDefinition: 'https://liferay.design/lexicon/core-components/link/' packageNpm: '@clayui/link'

import {Link, LinkContext} from '$packages/clay-link/docs/index';

Basic Usage

By default, when using ClayLink your component will be rendered as an anchor.

You can style a link just passing displayType property to value secondary or primary.

With Context

Additionally, if you want to customize every Link component in your app, you are able to do so by using <ClayLinkContext.Provider />.