mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-20 20:33:02 +00:00
docs: remove Icon/ToggleSmall [ci skip]
This commit is contained in:
parent
b91af86920
commit
ce4cacd10a
2 changed files with 0 additions and 62 deletions
|
@ -1,28 +0,0 @@
|
||||||
<script>
|
|
||||||
import { Icon, InlineNotification, OutboundLink } from "carbon-components-svelte";
|
|
||||||
import Add16 from "carbon-icons-svelte/lib/Add16";
|
|
||||||
import Add20 from "carbon-icons-svelte/lib/Add20";
|
|
||||||
import Add24 from "carbon-icons-svelte/lib/Add24";
|
|
||||||
import Add32 from "carbon-icons-svelte/lib/Add32";
|
|
||||||
import Preview from "../../components/Preview.svelte";
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<InlineNotification svx-ignore lowContrast title="Deprecation warning" kind="warning" hideCloseButton>
|
|
||||||
<div>
|
|
||||||
This component will be removed in the next major release. Use icons from <OutboundLink href="https://github.com/carbon-design-system/carbon-icons-svelte">carbon-icons-svelte</OutboundLink> instead.
|
|
||||||
</div>
|
|
||||||
</InlineNotification>
|
|
||||||
|
|
||||||
### Default
|
|
||||||
|
|
||||||
<Icon render={Add16} />
|
|
||||||
<Icon render={Add20} />
|
|
||||||
<Icon render={Add24} />
|
|
||||||
<Icon render={Add32} />
|
|
||||||
|
|
||||||
### Skeleton
|
|
||||||
|
|
||||||
<Icon skeleton render={Add16} />
|
|
||||||
<Icon skeleton size={20} render={Add20} />
|
|
||||||
<Icon skeleton size={24} render={Add24} />
|
|
||||||
<Icon skeleton size={32} render={Add32} />
|
|
|
@ -1,34 +0,0 @@
|
||||||
---
|
|
||||||
components: ["ToggleSmall", "ToggleSmallSkeleton"]
|
|
||||||
---
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { ToggleSmall, ToggleSmallSkeleton, InlineNotification, Link } from "carbon-components-svelte";
|
|
||||||
import Preview from "../../components/Preview.svelte";
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<InlineNotification svx-ignore lowContrast title="Deprecation warning" kind="warning" hideCloseButton>
|
|
||||||
<div>
|
|
||||||
This component will be removed in the next major release. Use the <Link href="/components/Toggle#small-size">Toggle small variant</Link> instead.
|
|
||||||
</div>
|
|
||||||
</InlineNotification>
|
|
||||||
|
|
||||||
### Default (untoggled)
|
|
||||||
|
|
||||||
<ToggleSmall labelText="Push notifications" />
|
|
||||||
|
|
||||||
### Toggled
|
|
||||||
|
|
||||||
<ToggleSmall labelText="Push notifications" toggled />
|
|
||||||
|
|
||||||
### Custom labels
|
|
||||||
|
|
||||||
<ToggleSmall labelText="Push notifications" labelA="No" labelB="Yes" />
|
|
||||||
|
|
||||||
### Disabled
|
|
||||||
|
|
||||||
<ToggleSmall labelText="Push notifications" disabled />
|
|
||||||
|
|
||||||
### Skeleton
|
|
||||||
|
|
||||||
<ToggleSmallSkeleton />
|
|
Loading…
Add table
Add a link
Reference in a new issue