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

feat(component): add Pagination

Browse source 
Closes #23
This commit is contained in:
Eric Liu 2019-12-23 09:32:20 -08:00
commit 4dad89e12d
17 changed files with 222 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/components/Pagination/Pagination.Skeleton.svelte Normal file
View file

@ -0,0 +1,21 @@
<script>
let className = undefined;
export { className as class };
export let style = undefined;
import SkeletonText from '../SkeletonText';
import { cx } from '../../lib';
const _class = cx('--pagination', '--skeleton', className);
</script>
<div on:click on:mouseover on:mouseenter on:mouseleave class={_class} {style}>
<div class={cx('--pagination__left')}>
<SkeletonText width="70px" />
<SkeletonText width="35px" />
<SkeletonText width="105px" />
</div>
<div class={cx('--pagination__right', '--pagination--inline')}>
<SkeletonText width="70px" />
</div>
</div>