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

feat(toast-notification): add fullWidth prop (#1444)

Browse source 
* feat(toast-notification): add `fullWidth` prop

* Run "yarn build:docs"

* test(toast-notification): assert `fullWidth` prop

* docs(toast-notification): add "Full width" example
This commit is contained in:
metonym 2022-08-14 14:56:02 -07:00 • committed by GitHub
commit 8fea168ffd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 45 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -26,6 +26,12 @@ source: Notification/ToastNotification.svelte
// custom close logic (e.g., transitions)
}} />
### Full width
Set `fullWidth` to `true` for the notification to span the full width of its containing element.
<ToastNotification fullWidth title="Error" subtitle="An internal server error occurred." caption="{new Date().toLocaleString()}" />
### Slottable title, subtitle, caption
<ToastNotification>