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

refactor: use $$restProps API

Browse source 
- add ref prop for applicable components (#196)
- add slot to Content Switcher `Switch` component (#183)
- remove fillArray, css utilities
This commit is contained in:
Eric Liu 2020-07-18 20:00:20 -07:00
commit e886d772c7
288 changed files with 4681 additions and 4498 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/components/Notification/NotificationIcon.svelte
View file

@ -1,21 +1,26 @@
<script>
export let kind = 'error';
export let notificationType = 'toast';
export let iconDescription = 'closes notification';
export let kind = "error";
export let notificationType = "toast";
export let iconDescription = "closes notification";
import CheckmarkFilled20 from 'carbon-icons-svelte/lib/CheckmarkFilled20';
import ErrorFilled20 from 'carbon-icons-svelte/lib/ErrorFilled20';
import WarningFilled20 from 'carbon-icons-svelte/lib/WarningFilled20';
import { cx } from '../../lib';
import CheckmarkFilled20 from "carbon-icons-svelte/lib/CheckmarkFilled20";
import ErrorFilled20 from "carbon-icons-svelte/lib/ErrorFilled20";
import InformationFilled20 from "carbon-icons-svelte/lib/InformationFilled20";
import InformationSquareFilled20 from "carbon-icons-svelte/lib/InformationSquareFilled20";
import WarningFilled20 from "carbon-icons-svelte/lib/WarningFilled20";
import WarningAltFilled20 from "carbon-icons-svelte/lib/WarningAltFilled20";
const icons = {
error: ErrorFilled20,
"info-square": InformationSquareFilled20,
info: InformationFilled20,
success: CheckmarkFilled20,
warning: WarningFilled20
warning: WarningFilled20,
"warning-alt": WarningAltFilled20
};
</script>
<svelte:component
this={icons[kind]}
class={cx(`--${notificationType}-notification__icon`)}
title={iconDescription} />
title={iconDescription}
class="bx--{notificationType}-notification__icon" />