文档
组件
链接
链接
颜色
演示
代码
HTML代码
JSX/TSX<div class="flex flex-wrap gap-4"><a class="link"> link </a><a class="link text-bw-800"> link with bw </a><a class="link text-success-800"> link with success </a><a class="link text-warn-800"> link with warn </a><a class="link text-danger-800"> link with danger </a></div>
<div className='flex flex-wrap gap-4'><a className='link'>link</a><a className='link text-bw-800'>link with bw</a><a className='link text-success-800'>link with success</a><a className='link text-warn-800'>link with warn</a><a className='link text-danger-800'>link with danger</a></div>
悬停幽灵样式
演示
代码
HTML代码
JSX/TSX<div class="flex flex-wrap gap-4"><a class="link ghost"> link </a><a class="link ghost bw"> link with bw </a><a class="link ghost success"> link with success </a><a class="link ghost warn"> link with warn </a><a class="link ghost danger"> link with danger </a></div>
<div className='flex flex-wrap gap-4'><a className='link ghost'>link</a><a className='link ghost bw'>link with bw</a><a className='link ghost success'>link with success</a><a className='link ghost warn'>link with warn</a><a className='link ghost danger'>link with danger</a></div>