npm i @snack-uikit/link
import { Link } from '@snack-uikit/link';
<Link
onSurface='accent'
href='https://cloud.ru/'
text='Link text'
external={true}
onColor='primary'
/>;Компонент ссылка
| name | type | default value | description |
|---|---|---|---|
| text | string |
- | Текст ссылки |
| className | string |
- | CSS-класс |
| href | string |
# | Ссылка |
| target | HTMLAttributeAnchorTarget |
_blank | HTML-атрибут target |
| download | string |
- | HTML-атрибут download |
| onClick | MouseEventHandler<HTMLAnchorElement> |
- | Колбек обработки клика |
| size | enum Size: "s", "m", "l"
|
s | Размер |
| appearance | enum Appearance: "invert-neutral", "neutral", "primary", "red", "orange", "yellow", "green", "blue", "violet", "pink"
|
primary | Стилизует ссылку для размещения на цветном фоне |
| textMode | enum TextMode: "default", "accent", "on-accent"
|
default | Тип поверхности, на которой размещена ссылка |
| insideText | boolean |
- | Находится ли ссылка внутри текста (и можно ли её переносить) |
| truncateVariant | "end" | "middle" | - | Вариант обрезания строки: - end - с конца; - middle - по середине |