TextLink

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

Примеры и код

Свойства и методы

Цвета

<div>
  <TextLink href="#">Синий (по умолчанию)</TextLink>
</div>
<div>
  <TextLink href="#" color="green">Зеленый</TextLink>
</div>
<div style={{ background: '#ffffff' }}>
  <TextLink href="#" color="black">Черный</TextLink>
</div>
<div>
  <TextLink href="#" color="gray">Серый</TextLink>
</div>
<div style={{ color: 'red' }} >
  <TextLink href="#" color="inherit">Наследование от родителя</TextLink>
</div>
<div style={{ background: '#999999' }}>
  <TextLink href="#" color="white">Белый</TextLink>
</div>

Подчеркивание

<div>
  <TextLink href="#" underlineVisibility="always">Сплошная линия</TextLink>
</div>
<div>
  <TextLink href="#" underlineVisibility="always" underlineStyle="dashed">Пунктирная линия</TextLink>
</div>

Prop name	Type	Default	Description
color	"green" \| "default" \| "white" \| "black" \| "inherit" \| "gray" \| "blue" \| undefined	blue	Цвет
underlineVisibility	"hover" \| "always" \| undefined	hover	Отображение подчеркивания
underlineStyle	"none" \| "solid" \| "dashed" \| "border" \| undefined	solid	Стиль подчеркивания
itemProp	string \| undefined		Атрибут itemprop для микроразметки
className	string \| undefined		Дополнительный класс корневого элемента
href	string \| undefined		Ссылка
target	"_self" \| "_blank" \| "_parent" \| "_top" \| undefined		target - аргумент тега <a>
rel	string \| undefined		rel - аргумент тега <a>
download	boolean \| undefined		Добавление атрибута download
dataAttrs	{ root?: Record<string, string> \| undefined; } \| undefined		Дополнительные data атрибуты к внутренним элементам
onClick	((e: MouseEvent<EventTarget, MouseEvent>) => void) \| undefined		Обработчик клика