<a class="$$link $$link-primary">Click me</a>
<a class="$$link $$link-primary">Click me</a>
<a class="$$link $$link-primary">Click me</a>
<a class="$$link $$link-primary">Click me</a>
链接组件为链接添加了缺失的下划线样式。
类名 | 类型 | |
---|---|---|
link | 组件 | 添加下划线 |
link-hover | 样式 | 仅在悬停时显示下划线 |
link-neutral | 颜色 | 中性色 |
link-primary | 颜色 | primary 色 |
link-secondary | 颜色 | secondary 色 |
link-accent | 颜色 | accent 色 |
link-success | 颜色 | success 色 |
link-info | 颜色 | info 色 |
link-warning | 颜色 | warning 色 |
link-error | 颜色 | error 色 |
<a class="$$link">Click me</a>
<a class="$$link">Click me</a>
<a class="$$link">Click me</a>
<a class="$$link">Click me</a>
Tailwind CSS 默认重置链接的样式。
添加 “link” 类使其看起来像一个一样。
<p> Tailwind CSS resets the style of links by default. <br /> Add "link" class to make it look like a <a class="$$link">normal link</a> again. </p>
<p>
Tailwind CSS resets the style of links by default.
<br />
Add "link" class to make it look like a
<a class="$$link">normal link</a>
again.
</p>
<p> Tailwind CSS resets the style of links by default. <br /> Add "link" class to make it look like a <a class="$$link">normal link</a> again. </p>
<p>
Tailwind CSS resets the style of links by default.
<br />
Add "link" class to make it look like a
<a class="$$link">normal link</a>
again.
</p>
<a class="$$link $$link-primary">Click me</a>
<a class="$$link $$link-primary">Click me</a>
<a class="$$link $$link-primary">Click me</a>
<a class="$$link $$link-primary">Click me</a>
<a class="$$link $$link-secondary">Click me</a>
<a class="$$link $$link-secondary">Click me</a>
<a class="$$link $$link-secondary">Click me</a>
<a class="$$link $$link-secondary">Click me</a>
<a class="$$link $$link-accent">Click me</a>
<a class="$$link $$link-accent">Click me</a>
<a class="$$link $$link-accent">Click me</a>
<a class="$$link $$link-accent">Click me</a>
<a class="$$link $$link-neutral">Click me</a>
<a class="$$link $$link-neutral">Click me</a>
<a class="$$link $$link-neutral">Click me</a>
<a class="$$link $$link-neutral">Click me</a>
<a class="$$link $$link-success">Click me</a>
<a class="$$link $$link-success">Click me</a>
<a class="$$link $$link-success">Click me</a>
<a class="$$link $$link-success">Click me</a>
<a class="$$link $$link-info">Click me</a>
<a class="$$link $$link-info">Click me</a>
<a class="$$link $$link-info">Click me</a>
<a class="$$link $$link-info">Click me</a>
<a class="$$link $$link-warning">Click me</a>
<a class="$$link $$link-warning">Click me</a>
<a class="$$link $$link-warning">Click me</a>
<a class="$$link $$link-warning">Click me</a>
<a class="$$link $$link-error">Click me</a>
<a class="$$link $$link-error">Click me</a>
<a class="$$link $$link-error">Click me</a>
<a class="$$link $$link-error">Click me</a>
<a class="$$link $$link-hover">Click me</a>
<a class="$$link $$link-hover">Click me</a>
<a class="$$link $$link-hover">Click me</a>
<a class="$$link $$link-hover">Click me</a>