0.1.1 • Published 8 months ago
vue-flow-layout v0.1.1
Features
- 🌊 Waterfull layout
- 📦 Lightweight
- 🎨 Elegant transition
- 📱 Responsive
Install
pnpm add vue-flow-layout
Usage
import { createApp } from 'vue'
import VueFlowLayout from 'vue-flow-layout'
import App from './App.vue'
createApp(App).use(VueFlowLayout).mount('#app')
Use in your component:
<template>
<FlowLayout>
<div v-for="i in 100" :key="i" class="item">
{{ i }}
</div>
</FlowLayout>
</template>
Props
Name | Type | Default | Description | |
---|---|---|---|---|
cols | number | 2 | The number of columns | |
gap | number | number, number | 4 | The gap between items for X | Y |
duration | number | 350ms | The transition duration |