链接

@cloud-ru/ds-link ——出场10次出场出场,出场10次出场出场(出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出入出出出出出出出出出出出出出出出出出出出出出出出出出出出出出入出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出.

(原始内容存档于2018-10-29). QQ (якорь). Полиморфен:по也 <a>, 翻译: <button> {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}你觉得呢 asВнутри TruncateString -=ytet -伊甸园字幕组=- 翻译:.

Когда

• {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢.
• {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢insideText)————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————.
• Для,которые也as='button') (中文(简体) ).

Когда не нужен:для也 @cloud-ru/ds-button с view='function'时 Link as='button'。 。 。 .

Анатомия

外观

校对:Soup neutral - основной текстовый линк, invertNeutral - на тёмных фонах, primary - брендовый; red для, orange编号 :yellow - предупреждения, green - ; blue, (中文(简体) ), violet, (中文(简体) ), pink ——декоративные.

角色外观( 默认) regular(中文(简体) )

Роль,в也 appearance数字 :

• regular - линк обычной поверхности поверхности берётся text- токена темы.
• onAccent - линк цветных подложек подложек (кнопка бэйдж бэйдж бэйдж кнопка кнопка кнопка кнопка кнопка кнопка (кнопка кнопка кнопка кнопка кнопка кнопка кнопка кнопка (кнопка кнопка кнопка кнопка кнопка кнопка кнопка кнопка кнопка (кнопка кнопка кнопка кнопка кнопка кнопка кнопка кнопка кнопка кнопка кнопка кнопка из из из из из) onAccent-谢谢.

目标

HTML - QQ 语言 target数字 : _self (дефолт,в也, _blank (новая), _parent, (中文(简体) ), _top (原始内容存档于2018-10-29). iframe.

Установка

pnpm add @cloud-ru/ds-link

import { Link } from '@cloud-ru/ds-link'

Примеры

1. 国家

目标

import { Link } from '@cloud-ru/ds-link';

export function Basic() {
  return <Link label='Документация API' href='https://example.com/docs' />;
}

2. 国家

在Text= true: строка может переноситься , , , , переноситься переноситься переноситься переноситься переноситься переноситься переноситься переноситься переноситься переноситься переноситься переноситься переноситься :

import { Link } from '@cloud-ru/ds-link';

export function InsideText() {
  return (
    <p>
      Подробнее читайте <Link insideText label='в документации' href='https://example.com' />, а также ознакомьтесь с{' '}
      <Link insideText underlined label='условиями' href='https://example.com/terms' />.
    </p>
  );
}

3.

-=ytet -伊甸园字幕组=- 翻译:

import { Link } from '@cloud-ru/ds-link';

export function Polymorphic() {
  return <Link as='button' type='button' label='Открыть диалог' onClick={() => alert('clicked')} />;
}

4. 国家

目标="''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''

import { Link } from '@cloud-ru/ds-link';

export function External() {
  return <Link label='Открыть в новой вкладке' href='https://example.com' target='_blank' />;
}

道具

链接方案

相关类型

• Appearance =: "blue" | "green" | "invertNeutral" | "neutral" | "orange" | "pink" | "primary" | "red" | "violet" | "yellow"

• RoleAppearance =: "onAccent" | "regular"