Link

The blood moon rises once again. Please be careful, Link...

Example

Basic

Show Code

<script lang="ts" setup>
import { RLink, RSpace } from 'roughness'
</script>

<template>
  <RSpace>
    <RLink>This way, sir.</RLink>
  </RSpace>
</template>

This way, sir.

Color and Size

See Text.

With href attribute

Show Code

<script lang="ts" setup>
import { RLink, RSpace } from 'roughness'
</script>

<template>
  <RSpace>
    <RLink href="https://en.wikipedia.org/wiki/Telephone">Start</RLink>
    <RLink type="error" href="https://en.wikipedia.org/wiki/Nuclear_weapon">End</RLink>
  </RSpace>
</template>

StartEnd

As Button

Show Code

<script lang="ts" setup>
import { RLink, RSpace } from 'roughness'
</script>

<template>
  <RSpace>
    <RLink tag="button" type="primary">Confirm cancelling</RLink>
    <RLink tag="button" type="error">Cancel confirming</RLink>
  </RSpace>
</template>

See also Button.

Usage

Props

Name	Type	Default Value	Description
tag
type
...			See Text Props.

Slots

Name	Type	Description
default

Styles

Name	Type	Default Value	Description
--r-link-underline-width
...			See Text Styles.