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

chore: lift components folder

Browse source
This commit is contained in:
Eric Liu 2020-07-19 09:06:08 -07:00
commit 2200b29b92
301 changed files with 57 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/Notification/NotificationTextDetails.svelte Normal file
View file

@ -0,0 +1,23 @@
<script>
export let notificationType = "toast"; // "toast" | "inline"
export let title = "title";
export let subtitle = "";
export let caption = "caption";
</script>
{#if notificationType === 'toast'}
<div class:bx--toast-notification__details={true}>
<h3 class:bx--toast-notification__title={true}>{title}</h3>
<div class:bx--toast-notification__subtitle={true}>{subtitle}</div>
<div class:bx--toast-notification__caption={true}>{caption}</div>
<slot />
</div>
{/if}
{#if notificationType === 'inline'}
<div class:bx--inline-notification__text-wrapper={true}>
<p class:bx--inline-notification__title={true}>{title}</p>
<div class:bx--inline-notification__subtitle={true}>{subtitle}</div>
<slot />
</div>
{/if}