Link Button

Display a link button.

Usage

      <template>
  <CLinkButton forward>
    Link button
  </CLinkButton>
</template>

    

Forward & backward arrows

      <template>
  <CLinkButton forward href="/" label="Example link" />
</template>

    

Size

      <template>
  <CLinkButton size="sm" forward href="/" label="Example link" />
</template>

    

Disabled

      <template>
  <CLinkButton disabled forward href="/" label="Example link" />
</template>

    

Props

Prop Default Type
to string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric
Route Location the link should navigate to when clicked on.
backboolean
disabledboolean
forwardboolean
size'md' "md" | "sm" | "lg"
type'button' "reset" | "submit" | "button"
label string
custom false
Whether RouterLink should not wrap its content in an a tag. Useful when using v-slot to create a custom RouterLink
target null | "_self" | "_blank" | "_parent" | "_top" | string & {}
Where to display the linked URL, as the name for a browsing context.
trailingSlash "append" | "remove"
An option to either add or remove trailing slashes in the href for this specific link. Overrides the global trailingSlash option if provided.