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

feat(toggle): support small size, deprecate ToggleSmall

Browse source
This commit is contained in:
Eric Liu 2020-11-19 15:20:01 -08:00
commit 1e3eef992c
12 changed files with 91 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

2
docs/src/pages/components/CodeSnippet.svx
View file

@ -27,7 +27,7 @@ let comment = `
`
</script>
<InlineNotification svx-ignore lowContrast title="Note:" subtitle="By design, the copy button does not copy text to the clipboard. You will need to write your own logic." kind="info" hideCloseButton />
<InlineNotification svx-ignore title="Note:" subtitle="By design, the copy button does not copy text to the clipboard. You will need to write your own logic." kind="info" hideCloseButton />
### Default (single-line)

2
docs/src/pages/components/CopyButton.svx
View file

@ -3,7 +3,7 @@
import Preview from "../../components/Preview.svelte";
</script>
<InlineNotification svx-ignore lowContrast title="Note:" subtitle="By design, the copy button does not copy text to the clipboard. You will need to write your own logic." kind="info" hideCloseButton />
<InlineNotification svx-ignore title="Note:" subtitle="By design, the copy button does not copy text to the clipboard. You will need to write your own logic." kind="info" hideCloseButton />
### Default

10
docs/src/pages/components/Toggle.svx
View file

@ -23,6 +23,14 @@ components: ["Toggle", "ToggleSkeleton"]
<Toggle labelText="Push notifications" disabled />
### Small size
<Toggle size="sm" labelText="Push notifications" />
### Skeleton
<ToggleSkeleton />
<ToggleSkeleton />
### Skeleton (small)
<ToggleSkeleton size="sm" />

8
docs/src/pages/components/ToggleSmall.svx
View file

@ -3,10 +3,16 @@ components: ["ToggleSmall", "ToggleSmallSkeleton"]
---
<script>
import { ToggleSmall, ToggleSmallSkeleton } from "carbon-components-svelte";
import { ToggleSmall, ToggleSmallSkeleton, InlineNotification, Link } from "carbon-components-svelte";
import Preview from "../../components/Preview.svelte";
</script>
<InlineNotification svx-ignore title="Deprecation warning" kind="warning" hideCloseButton>
<div>
This component will be removed in version 1.0.0. Use the <Link href="/components/Toggle#small-size">Toggle small variant</Link> instead.
</div>
</InlineNotification>
### Default (untoggled)
<ToggleSmall labelText="Push notifications" />