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