xtt-ui

Appearance

Link 文字链接 ​

链接，用于替代原生的 a 元素，提供丰富的样式和功能。

default

基础用法 ​

linklink
html
<xtt-link href="#">link</xtt-link>

<xtt-link href="#" target="_blank">link</xtt-link>

type 样式 ​

type 会更改按钮的显示风格，目前支持 5 种风格，分别为 primary、danger、success、warning、default

primarydangersuccesswarningdefault
html
<xtt-link href="#" type="primary">primary</xtt-link>
<xtt-link href="#" type="danger">danger</xtt-link>
<xtt-link href="#" type="success">success</xtt-link>
<xtt-link href="#" type="warning">warning</xtt-link>
<xtt-link href="#">default</xtt-link>

inline-block ​

将链接转换为行内块元素。

linklong long long long long long long link
html
<xtt-link href="#" inline-block>link</xtt-link>
<xtt-link href="#" inline-block style="max-width: 200px;">long long long long long long long link</xtt-link>

block ​

将链接转换为块级元素。并在 hover 时显示灰色背景。

link
html
<xtt-link href="#" block>link</xtt-link>