sonner

Toast with custom icon

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

src/sonner/c-sonner-19.vue

<script setup lang="ts">
import { Button } from "@/components/ui/button"
</script>

<template>
  <div class="flex flex-wrap items-center justify-center gap-2">
    <Button size="sm" variant="outline" class="w-fit">Send Icon</Button>
    <Button size="sm" variant="outline" class="w-fit">Download Icon</Button>
    <Button size="sm" variant="outline" class="w-fit">Bookmark Icon</Button>
  </div>
</template>

Установка

npx shadcn-vue@latest add https://revueui.rootapi.dev/r/c-sonner-19.json

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

Button

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