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

feat(components): add SkeletonPlaceholder

Browse source
This commit is contained in:
Eric Liu 2019-12-15 14:42:23 -08:00
commit f3e5da73db
6 changed files with 61 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/components/SkeletonPlaceholder/SkeletonPlaceholder.Story.svelte Normal file
View file

@ -0,0 +1,27 @@
<script>
import Layout from '../../internal/ui/Layout.svelte';
import SkeletonPlaceholder from './SkeletonPlaceholder.svelte';
</script>
<style>
:global(.my--skeleton__placeholder--small) {
height: 100px;
width: 100px;
}
:global(.my--skeleton__placeholder--medium) {
height: 150px;
width: 150px;
}
:global(.my--skeleton__placeholder--large) {
height: 250px;
width: 250px;
}
</style>
<Layout>
<div style="height: 250px; width: 250px;">
<SkeletonPlaceholder {...$$props} />
</div>
</Layout>