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

feat(accordion): add skeleton state

Browse source
This commit is contained in:
Eric Liu 2020-01-11 18:39:47 -08:00
commit 8416b8b14d
1 changed files with 20 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/components/Accordion/Accordion.svelte
View file

@ -3,9 +3,26 @@
export { className as class }; export { className as class };
export let style = undefined; export let style = undefined;
export let skeleton = false;
export let count = 4;
export let open = true;
import { cx } from '../../lib'; import { cx } from '../../lib';
import AccordionSkeleton from './Accordion.Skeleton.svelte';
</script> </script>
<ul on:click on:mouseover on:mouseenter on:mouseleave class={cx('--accordion', className)} {style}> {#if skeleton}
<AccordionSkeleton {count} {open} class={className} {style} />
{/if}
{#if !skeleton}
<ul
on:click
on:mouseover
on:mouseenter
on:mouseleave
class={cx('--accordion', className)}
{style}>
<slot /> <slot />
</ul> </ul>
{/if}