Link

Базовый

Внутренняя ссылка Внешняя ссылкаБез подчёркивания

Варианты

default button ghost

Размеры

sm md lg

Состояния

Отключённая Отключённая кнопка

Входные параметры

Имя	Тип	По умолчанию	Описание
`to`	`string`	`undefined`	Маршрут приложения. При передаче рендерится компонент `NuxtLink`.
`href`	`string`	`undefined`	Внешний URL. При передаче рендерится элемент `<a>`.
`target`	`string`	`undefined`	Куда открывать ссылку (например, `_blank`).
`disabled`	`boolean`	`false`	Отключает ссылку: снимает `href`, выставляет `aria-disabled` и `tabindex="-1"`.
`variant`	`'default' \| 'button' \| 'ghost'`	`'default'`	Вариант оформления: обычная ссылка, в виде кнопки или «призрачная» (ghost).
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Размер ссылки.
`underline`	`boolean`	`true`	Показывать ли подчёркивание по умолчанию.
`ariaLabel`	`string`	`undefined`	Атрибут `aria-label` для доступности.

Описание

Компонент C3Link — универсальная ссылка. Если задан to, рендерится NuxtLink для маршрутизации внутри приложения; если задан href — обычный <a> для внешних адресов. Когда не передан ни один из них, рендерится элемент <span> с ролью link.

Используйте его везде, где нужно оформленное по дизайн-системе кликабельное действие-переход, с поддержкой размеров, вариантов и состояния disabled.

Дополнительная информация

Слот default — содержимое ссылки (текст или иконка).
В отключённом состоянии атрибут href убирается, устанавливаются aria-disabled="true" и tabindex="-1", чтобы элемент нельзя было активировать с клавиатуры.
Если нет ни to, ни href, элемент не является реальной ссылкой, а лишь декоративно обозначает навигацию (роль link на <span>).
Компонент не эмитит событий и не использует v-model.