ef4609abbf
* feat: add toast * feat: add new york version * feat: add `VNode` type to toast description * docs: use `toast` in form demos * chore: run build registry * docs: update announcement component, menu label * refactor: change 'onUpdate:open' to 'onOpenChange' a more friendlier name --------- Co-authored-by: Nik <dev@nkutinha.slmail.me> Co-authored-by: Sadegh Barati <sadeghbaratiwork@gmail.com> Co-authored-by: zernonia <zernonia@gmail.com>
28 lines
1.5 KiB
TypeScript
28 lines
1.5 KiB
TypeScript
export { default as Toaster } from './Toaster.vue'
|
|
export { default as Toast } from './Toast.vue'
|
|
export { default as ToastViewport } from './ToastViewport.vue'
|
|
export { default as ToastAction } from './ToastAction.vue'
|
|
export { default as ToastClose } from './ToastClose.vue'
|
|
export { default as ToastTitle } from './ToastTitle.vue'
|
|
export { default as ToastDescription } from './ToastDescription.vue'
|
|
export { default as ToastProvider } from './ToastProvider.vue'
|
|
export { toast, useToast } from './use-toast'
|
|
|
|
import { cva } from 'class-variance-authority'
|
|
|
|
export const toastVariants = cva(
|
|
'group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',
|
|
{
|
|
variants: {
|
|
variant: {
|
|
default: 'border bg-background text-foreground',
|
|
destructive:
|
|
'destructive group border-destructive bg-destructive text-destructive-foreground',
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
variant: 'default',
|
|
},
|
|
},
|
|
)
|