Текстовая ссылка

Инлайн-ссылка для текста документации, подсказок и внешних переходов без padding и background styles кнопки.

Установка

npx alixan-ui-nuxt add text-link

Использование

Read the installation guide before copying components.

<script setup lang="ts">
import TextLink from '@/components/ui/text-link/TextLink.vue';
</script>

<template>
	<p class="text-muted-foreground">
		Read the
		<TextLink href="/installation">
			installation guide
		</TextLink>
		before copying components.
	</p>
</template>

Внешняя ссылка

For more detailed information, visit the Nuxt i18n documentation.

<script setup lang="ts">
import InfoBox from '@/components/ui/info-box/InfoBox.vue';
import TextLink from '@/components/ui/text-link/TextLink.vue';
</script>

<template>
	<InfoBox>
		For more detailed information, visit the
		<TextLink
			href="https://i18n.nuxtjs.org/"
			target="_blank"
		>
			Nuxt i18n documentation.
		</TextLink>
	</InfoBox>
</template>

Справочник API

Свойство	Тип	По умолчанию	Описание
href	string	-	URL назначения для ссылки.
target	'_blank' \| '_self' \| '_parent' \| '_top'	-	Target ссылки. Если установлен _blank, rel становится noopener noreferrer.