IxIconText

图标文字组件

图标文字

TypeScript

Vue

<template>
  <IxIconText icon-class="i-logos-typescript-icon" :font-preset="IconTextFont.None">
    TypeScript
  </IxIconText>

  <IxIconText icon-class="i-logos-vue" :font-preset="IconTextFont.None">
    Vue
  </IxIconText>
</template>

<script lang="ts" setup>
import { IconTextFont } from '@introxd/components'
</script>

预设

introxd/components

<template>
  <IxIconText :preset="IconTextPreset.Github" href="introxd/components">
    introxd/components
  </IxIconText>
</template>

<script lang="ts" setup>
import { IconTextPreset } from '@introxd/components'
</script>

链接

博客

Introxd

<template>
  <IxIconText src="https://imba97.cn/uploads/2019/08/imba97-1024-300x300.png" icon-class="size-6 rounded-sm" href="https://imba97.cn">
    博客
  </IxIconText>

  <IxIconText src="/images/favicon.png" icon-class="size-6" href="https://introxd.com">
    Introxd
  </IxIconText>
</template>