Link

Display a styled link.

Usage

Using to will render a NuxtLink component whilst using the href prop will append an external icon and render an anchor tag.

<template>
  <CLink href="http://example.com">
    Example link
  </CLink>
</template>

Destructive

<template>
<CLink destructive />
</template>

Text

Use the text prop as an alternative to the default slot.

<template>
<CLink text="Example text" />
</template>

Props

target
"_self" | "_blank" | "_parent" | "_top" | (string & {})
to
string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric
activeClass
string
exactActiveClass
string
ariaCurrentValue
"page" | "step" | "location" | "date" | "time" | "true" | "false"
href
string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric
icon
string
rel
(string & {}) | "noopener" | "noreferrer" | "nofollow" | "sponsored" | "ugc"
"noopener""noreferrer""nofollow""sponsored""ugc"
prefetchedClass
string
prefetchOn
unknown
text
string
custom
boolean
replace
boolean
external
boolean
noRel
boolean
prefetch
boolean
noPrefetch
boolean
destructive
boolean