mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
49 lines
1.1 KiB
Svelte
49 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import {
|
|
InlineNotification,
|
|
NotificationActionButton,
|
|
} from "carbon-components-svelte";
|
|
</script>
|
|
|
|
<InlineNotification on:close />
|
|
|
|
<InlineNotification
|
|
hideCloseButton
|
|
kind="warning"
|
|
title="Upcoming scheduled maintenance"
|
|
on:close={(e) => {
|
|
console.log(e.detail.timeout);
|
|
}}
|
|
/>
|
|
|
|
<InlineNotification kind="warning" title="Upcoming scheduled maintenance">
|
|
<div slot="actions">
|
|
<NotificationActionButton>Learn more</NotificationActionButton>
|
|
</div>
|
|
</InlineNotification>
|
|
|
|
<NotificationActionButton>Learn more</NotificationActionButton>
|
|
|
|
<InlineNotification kind="error" />
|
|
|
|
<InlineNotification kind="info" />
|
|
|
|
<InlineNotification kind="info-square" />
|
|
|
|
<InlineNotification kind="success" />
|
|
|
|
<InlineNotification kind="warning" />
|
|
|
|
<InlineNotification kind="warning-alt" />
|
|
|
|
<InlineNotification lowContrast kind="error" />
|
|
|
|
<InlineNotification lowContrast kind="info" />
|
|
|
|
<InlineNotification lowContrast kind="info-square" />
|
|
|
|
<InlineNotification lowContrast kind="success" />
|
|
|
|
<InlineNotification lowContrast kind="warning" />
|
|
|
|
<InlineNotification lowContrast kind="warning-alt" />
|