sonner

Toast positions

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

src/sonner/c-sonner-3.vue

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

<template>
  <div class="grid grid-cols-3 gap-2">
    <Button size="sm" variant="outline" class="w-full">Top Left</Button>
    <Button size="sm" variant="outline" class="w-full">Top Center</Button>
    <Button size="sm" variant="outline" class="w-full">Top Right</Button>
    <Button size="sm" variant="outline" class="w-full">Bottom Left</Button>
    <Button size="sm" variant="outline" class="w-full">Bottom Center</Button>
    <Button size="sm" variant="outline" class="w-full">Bottom Right</Button>
  </div>
</template>

Установка

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

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

Button

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