Link

通过链接进行跳转或操作

基础链接

Preview
Code

链接变体

Preview
Code

尺寸设置

Preview
Code

跳转链接

Preview
Code

Props

sizeenum
middle
组件尺寸: small , middle , large
variantenum
primary
组件变体: primary , success , info , warning , danger
disabledboolean
false
是否禁用组件
loadingboolean
false
是否启用组件加载状态
classstring
透传的组件样式类
hrefstring
链接路径

Attrs

Omit<LinkHTMLAttributes,'class'>object
原生 a标签 的 attrs

样式

Code
  export default obCva<ILinkProps>('no-underline decoration-0 decoration-offset-3 bg-transparent font-bold hover:underline hover:opacity-80 hover:decoration-1.5 active:brightness-90', {
    variants: {
      size: {
        small: 'text-xs',
        middle: 'text-sm',
        large: 'text-lg',
      },
      variant: {
        primary: 'c-primary',
        success: 'c-success',
        info: 'c-darkGray',
        warning: 'c-warning',
        danger: 'c-danger',
      },
    },
  })