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

test: add TS types

Browse source
This commit is contained in:
Eric Liu 2020-11-19 14:16:01 -08:00
commit eed617433b
126 changed files with 3378 additions and 226 deletions
Download patch file Download diff file Expand all files Collapse all files

55
tests/ContentSwitcher.test.svelte Normal file
View file

@ -0,0 +1,55 @@
<script lang="ts">
import { ContentSwitcher, Switch } from "../types";
import Bullhorn16 from "carbon-icons-svelte/lib/Bullhorn16";
import Analytics16 from "carbon-icons-svelte/lib/Analytics16";
</script>
<ContentSwitcher>
<Switch text="Latest news" />
<Switch text="Trending" />
</ContentSwitcher>
<ContentSwitcher selectedIndex="{1}">
<Switch text="Latest news" />
<Switch text="Trending" />
<Switch text="Recommended" />
</ContentSwitcher>
<ContentSwitcher light>
<Switch text="Latest news" />
<Switch text="Trending" />
</ContentSwitcher>
<ContentSwitcher>
<Switch>
<div style="display: flex; align-items: center;">
<Bullhorn16 style="margin-right: 0.5rem;" />
Latest news
</div>
</Switch>
<Switch>
<div style="display: flex; align-items: center;">
<Analytics16 style="margin-right: 0.5rem;" />
Trending
</div>
</Switch>
</ContentSwitcher>
<Bullhorn16 style="margin-right: 0.5rem;" />
<Analytics16 style="margin-right: 0.5rem;" />
<ContentSwitcher size="xl">
<Switch text="All" />
<Switch text="Archived" />
</ContentSwitcher>
<ContentSwitcher size="sm">
<Switch text="All" />
<Switch text="Archived" />
</ContentSwitcher>
<ContentSwitcher>
<Switch disabled text="All" />
<Switch disabled text="Archived" />
</ContentSwitcher>