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