Link

import { Link } from '@megafon/ui-core';

Стандартное использование

Показать код
<Link href="https://google.com">Click me</Link>

Компонент-обертка

Для расширения функционала внешними компонентами (например, для SPA-роутинга без доп. обработчиков)

Показать код
<Link componentWrapper={NextLink} href="/components/content-area/">Переход без перезагрузки</Button>
Пример внешнего компонента
import { default as NextLink } from 'next/link';
Prop nameTypeDefaultDescription
tabIndexnumber | undefinedИндекс для навигации через tab
classNamestring | undefinedДополнительный класс корневого элемента
hrefstring | undefinedСсылка
target"_self" | "_blank" | "_parent" | "_top" | undefinedtarget - аргумент тега <a>
relstring | undefinedrel - аргумент тега <a>
downloadboolean | undefinedДобавление атрибута download
dataAttrs{ root?: Record<string, string> | undefined; } | undefinedДополнительные data атрибуты к внутренним элементам
itemPropstring | undefinedАтрибут itemprop для микроразметки
onClick((e: MouseEvent<EventTarget, MouseEvent>) => void) | undefinedОбработчик клика
componentWrapperElementType<any, keyof IntrinsicElements> | undefinedКомпонент-обертка