Link
Семантическая ссылка с декоративными слотами и опциональной подсказкой.
Использование
Размеры
underline
Состояния
Доступность
Без видимого текста укажите aria-label или aria-labelledby. disabled удаляет href и исключает ссылку из Tab-порядка. asChild требует один компонент ссылки, передающий props и ref в конечный HTMLAnchorElement. В children не должны находиться другие интерактивные элементы.
API
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
size | "base" | "large" | base | — |
start | ReactNode | — | Decorative leading content. Omitted when empty. |
end | ReactNode | — | Decorative trailing content. Omitted when empty. |
disabled | boolean | | Removes href, prevents activation and removes the link from Tab order. |
underline | "none" | "hover" | "always" | none | — |
truncate | boolean | | Truncate the label in a constrained container. |
tooltipText | string | — | Nonblank text enables the shared Tooltip. |
tooltipPlacement | "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "left-top" | "left-center" | "left-bottom" | "right-top" | "right-center" | "right-bottom" | top-center | Preferred placement; flips and shifts at viewport edges. |
asChild | boolean | | — |
Last updated on