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

feat(components): add Tabs

Browse source 
Closes #32
This commit is contained in:
Eric Liu 2019-12-22 05:50:12 -08:00
commit 4ba8df4425
9 changed files with 331 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/Tabs/TabContent.svelte Normal file
View file

@ -0,0 +1,20 @@
<script>
let className = undefined;
export { className as class };
export let style = undefined;
import { getContext } from 'svelte';
import { cx } from '../../lib';
const _class = cx('--tab-content', className);
const id = Math.random();
const { selectedContent, addContent } = getContext('Tabs');
addContent({ id });
$: selected = $selectedContent === id;
</script>
<div class={_class} aria-hidden={!selected} hidden={!selected} {style}>
<slot />
</div>