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

feat(component): add Notification

Browse source 
Closes #20
This commit is contained in:
Eric Liu 2019-12-20 18:56:56 -08:00
commit 94dceae1fb
11 changed files with 309 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/Notification/Notification.Story.svelte Normal file
View file

@ -0,0 +1,20 @@
<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>