mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 18:31:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs(toast-notification): add "Autoclose" example

Browse source
This commit is contained in:
Eric Liu 2024-02-18 19:36:46 -08:00 • committed by metonym
commit ced9673681
2 changed files with 40 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
docs/src/pages/components/ToastNotification.svx
View file

@ -14,6 +14,14 @@ See also: [InlineNotification](InlineNotification)
<ToastNotification title="Error" subtitle="An internal server error occurred." caption="{new Date().toLocaleString()}" />
## Autoclose
By default, `ToastNotification` does not automatically close.
Specify the `timeout` prop to automatically close the notification after a specified duration (in milliseconds).
<FileSource src="/framed/ToastNotification/ToastNotificationTimeout" />
## Prevent default close behavior
`ToastNotification` is a controlled component. Prevent the default close behavior using the `e.preventDefault()` method in the dispatched `on:close` event.