mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
32 lines
652 B
Svelte
32 lines
652 B
Svelte
<script>
|
|
let className = undefined;
|
|
export { className as class };
|
|
export let type = 'single';
|
|
export let props = {};
|
|
|
|
import { cx } from '../../lib';
|
|
|
|
const _class = cx(
|
|
'--snippet',
|
|
'--skeleton',
|
|
type === 'single' && '--snippet--single',
|
|
type === 'multi' && '--snippet--multi',
|
|
className
|
|
);
|
|
</script>
|
|
|
|
{#if type === 'single'}
|
|
<div {...props} class={_class}>
|
|
<div class={cx('--snippet-container')}>
|
|
<span />
|
|
</div>
|
|
</div>
|
|
{:else if type === 'multi'}
|
|
<div {...props} class={_class}>
|
|
<div class={cx('--snippet-container')}>
|
|
<span />
|
|
<span />
|
|
<span />
|
|
</div>
|
|
</div>
|
|
{/if}
|