RevueUI
GitHub
icon-tile

Text content

Icon tile with text content

Загрузка превью…

src/icon-tile/c-icon-tile-9.vue

<script setup lang="ts">
import { IconTile } from "@/components/reui/icon-tile"
</script>

<template>
  <div class="flex items-center justify-center gap-3">
    <IconTile variant="elevated" class="text-xs font-medium">
      AK
    </IconTile>
    <IconTile
      variant="outline"
      radius="full"
      class="text-muted-foreground text-xs font-medium"
    >
      12
    </IconTile>
  </div>
</template>

Установка

npx shadcn-vue@latest add https://revueui.rootapi.dev/r/c-icon-tile-9.json

Зависимости реестра

Источник: порт из ReUI (Keenthemes, MIT)