sh-design
sh-design
A functional & business-oriented Vue 3 component library.
Installation
Requires Vue
>= 3.2.
npm install sh-design
# or
pnpm add sh-design
Usage
Full registration
import { createApp } from 'vue'
import ShDesign from 'sh-design'
import 'sh-design/dist/style.css'
import App from './App.vue'
createApp(App).use(ShDesign).mount('#app')
On-demand import
<script setup lang="ts">
import { ShLazyImage } from 'sh-design'
import 'sh-design/dist/style.css'
</script>
<template>
<ShLazyImage src="https://picsum.photos/400/300" style="width: 200px; height: 140px" />
</template>
Components
| Component | Description |
|---|---|
ShLazyImage |
Lazy-loaded image with skeleton, fade-in, error fallback, custom loader and polling. |
ShSeamlessScroll |
High-performance seamless marquee: 4 directions, hover pause, wheel and step scroll. |
ShWaterfall |
Virtualized waterfall / grid with paged loading and jitter-free reserved card height. |
License
MIT © shukezlc
Related Packages
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 0.1.2 | ^3.2.0 | MIT | |
| 0.1.1 | ^3.2.0 | MIT | |
| 0.1.0 | ^3.2.0 | MIT | |
| 0.0.9 | ^3.2.0 | MIT | |
| 0.0.8 | ^3.2.0 | MIT | |
| 0.0.7 | ^3.2.0 | MIT | |
| 0.0.6 | ^3.2.0 | MIT | |
| 0.0.5 | ^3.3.0 | MIT | |
| 0.0.4 | ^3.3.0 | MIT | |
| 0.0.3 | ^3.3.0 | MIT | |
| 0.0.2 | ^3.3.0 | MIT | |
| 0.0.1 | ^3.3.0 | MIT |