@snack-uikit/link
v0.11.8
Published
Ссылка, используемая внутри текста
Downloads
470
Readme
Link
Installation
npm i @snack-uikit/link
Example
Example
import { Link } from '@snack-uikit/link';
<Link
onSurface='accent'
href='https://cloud.ru/'
text='Link text'
external={true}
onColor='primary'
/>;
Link
Компонент ссылка
Props
| 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 | Размер |
| external | boolean
| - | Ведет ли ссылка на внешний ресурс (добавляет иконку если true) |
| 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
| - | Находится ли ссылка внутри текста (и можно ли её переносить) |