mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-17 03:01:25 +00:00
20 lines
664 B
Svelte
20 lines
664 B
Svelte
<script>
|
|
export let story = undefined;
|
|
|
|
import Layout from '../../internal/ui/Layout.svelte';
|
|
import InlineNotification from './InlineNotification.svelte';
|
|
import ToastNotification from './ToastNotification.svelte';
|
|
import NotificationActionButton from './NotificationActionButton.svelte';
|
|
</script>
|
|
|
|
<Layout>
|
|
{#if story === 'inline'}
|
|
<InlineNotification {...$$props}>
|
|
<div slot="actions">
|
|
<NotificationActionButton>{$$props.action}</NotificationActionButton>
|
|
</div>
|
|
</InlineNotification>
|
|
{:else if story === 'toast'}
|
|
<ToastNotification {...$$props} style="min-width: 30rem; margin-bottom: .5rem" />
|
|
{/if}
|
|
</Layout>
|