arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 12:14:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(components): improve props

Browse Source
This commit is contained in:
Benjamin Canac
2024-06-28 18:13:03 +02:00
parent c9f9a248b7
commit 673064dee5
38 changed files with 260 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/runtime/components/Toast.vue
View File

@@ -12,7 +12,12 @@ const toast = tv({ extend: tv(theme), ...(appConfig.ui?.toast || {}) })
type ToastVariants = VariantProps<typeof toast>
export interface ToastProps extends Omit<ToastRootProps, 'asChild' | 'forceMount'> {
export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open' | 'type' | 'duration'> {
/**
* The element or component this component should render as.
* @defaultValue 'div'
*/
as?: any
title?: string
description?: string
icon?: string
@@ -26,12 +31,12 @@ export interface ToastProps extends Omit<ToastRootProps, 'asChild' | 'forceMount
actions?: ButtonProps[]
/**
* Display a close button to dismiss the toast.
* @defaultValue `true` (`{ size: 'md', color: 'gray', variant: 'link' }`)
* @defaultValue true ({ size: 'md', color: 'gray', variant: 'link' })
*/
close?: ButtonProps | boolean
/**
* The icon displayed in the close button.
* @defaultValue `appConfig.ui.icons.close`
* @defaultValue appConfig.ui.icons.close
*/
closeIcon?: string
class?: any
@@ -56,7 +61,9 @@ import { reactivePick } from '@vueuse/core'
import { useAppConfig } from '#imports'
import { UIcon, UAvatar } from '#components'
const props = withDefaults(defineProps<ToastProps>(), { close: true })
const props = withDefaults(defineProps<ToastProps>(), {
close: true
})
const emits = defineEmits<ToastEmits>()
const slots = defineSlots<ToastSlots>()