sonner
Toast duration options
Toast duration options
Загрузка превью…
src/sonner/c-sonner-5.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">2s Duration</Button>
<Button size="sm" variant="outline" class="w-full">5s Duration</Button>
<Button size="sm" variant="outline" class="w-full">10s Duration</Button>
<Button size="sm" variant="outline" class="col-span-3 w-full">Persistent</Button>
</div>
</template>
Установка
npx shadcn-vue@latest add https://revueui.rootapi.dev/r/c-sonner-5.jsonЗависимости реестра
Источник: порт из ReUI (Keenthemes, MIT)