https://github.com/zyyv/vue-flow-layout

Waterfull layout
https://github.com/zyyv/vue-flow-layout

Last synced: about 2 months ago
JSON representation

Waterfull layout

• Host: GitHub
• URL: https://github.com/zyyv/vue-flow-layout
• Owner: zyyv
• License: mit
• Created: 2024-03-12T06:42:34.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-10-24T11:18:46.000Z (2 months ago)
• Last Synced: 2024-10-25T05:08:38.116Z (2 months ago)
• Language: TypeScript
• Size: 144 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
vue-flow-layout


🌊 The Vue waterfull layout component.




















## Features

- 🌊 Waterfull layout

- 📦 Lightweight

- 🎨 Elegant transition

- 📱 Responsive

## Install

```bash

pnpm add vue-flow-layout

```

## Usage

```ts

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:

```vue

  

    


      {{ i }}

    

  


```

## 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              |

## Credits

- [wc-flow-layout](https://github.com/huodoushigemi/wc-flow-layout)

## license

[MIT](./LICENSE)