mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-18 19:46:36 +00:00
docs(toast-notification): add "Full width" example
This commit is contained in:
parent
1c87316ed6
commit
b29bf89ea3
1 changed files with 6 additions and 0 deletions
|
@ -26,6 +26,12 @@ source: Notification/ToastNotification.svelte
|
||||||
// custom close logic (e.g., transitions)
|
// 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
|
### Slottable title, subtitle, caption
|
||||||
|
|
||||||
<ToastNotification>
|
<ToastNotification>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue