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

feat(toast-notification): add fullWidth prop

Browse source
This commit is contained in:
Eric Liu 2022-08-14 12:59:07 -07:00
commit cfcd7f4eb1
1 changed files with 7 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/Notification/ToastNotification.svelte
View file

@ -33,6 +33,12 @@
/** Set to `true` to hide the close button */ /** Set to `true` to hide the close button */
export let hideCloseButton = false; export let hideCloseButton = false;
/**
* Set to `true` for the notification to span
* the full width of its containing element.
*/
export let fullWidth = false;
import { createEventDispatcher, onMount } from "svelte"; import { createEventDispatcher, onMount } from "svelte";
import NotificationButton from "./NotificationButton.svelte"; import NotificationButton from "./NotificationButton.svelte";
import NotificationIcon from "./NotificationIcon.svelte"; import NotificationIcon from "./NotificationIcon.svelte";
@ -78,6 +84,7 @@
class:bx--toast-notification--warning="{kind === 'warning'}" class:bx--toast-notification--warning="{kind === 'warning'}"
class:bx--toast-notification--warning-alt="{kind === 'warning-alt'}" class:bx--toast-notification--warning-alt="{kind === 'warning-alt'}"
{...$$restProps} {...$$restProps}
style="{fullWidth && 'width: 100%;'}{$$restProps.style}"
on:click on:click
on:mouseover on:mouseover
on:mouseenter on:mouseenter