chore(Notification)!: rename to closeButton and actionButton for consistency

This commit is contained in:
Benjamin Canac
2023-05-29 21:59:59 +02:00
parent daca46371c
commit 4458656be5
5 changed files with 14 additions and 14 deletions

View File

@@ -176,7 +176,7 @@ export default defineAppConfig({
},
notification: {
default: {
close: {
closeButton: {
icon: 'i-octicon-x-24'
}
}

View File

@@ -187,9 +187,9 @@ function onCallback () {
### Close
Use the `close` prop to hide or customize the close button on the Notification.
Use the `close-button` prop to hide or customize the close button on the Notification.
You can pass all the props of the [Button](/elements/button) component to customize it through the `close` prop or globally through `ui.notifications.default.close`.
You can pass all the props of the [Button](/elements/button) component to customize it through the `close-button` prop or globally through `ui.notifications.default.closeButton`.
::component-card
---
@@ -198,7 +198,7 @@ baseProps:
title: 'Notification'
timeout: 0
props:
close:
closeButton:
icon: 'i-heroicons-archive-box-x-mark'
color: 'primary'
variant: 'outline'
@@ -207,7 +207,7 @@ props:
ui:
rounded: 'rounded-full'
excludedProps:
- close
- closeButton
---
::
@@ -230,7 +230,7 @@ const toast = useToast()
```
::
Like for `close`, you can pass all the props of the [Button](/elements/button) component inside the action or globally through `ui.notifications.default.action`.
Like for `closeButton`, you can pass all the props of the [Button](/elements/button) component inside the action or globally through `ui.notifications.default.actionButton`.
::component-card
---