leafer-vue

leafer-vue is a vue component library based on leafer-ui and vue

Features

• 🚀 Support Vue 2 & 3
• 🦾 TypeScript

Install

npm install leafer-vue

# for vue2
npm install leafer-vue@2

Usage

<script setup lang="ts">
import { lfFrame, lfRect, lfLeafer } from 'leafer-vue'
</script>

<template>
  <lfLeafer :width="500" :height="500" fill="#000">
    <lfFrame :width="300" :height="300" fill="#0f0">
      <lfRect
        :width="100" :height="100" fill="#f00"
        :draggable="true"
        @tap="console.log('tag')"
      />
    </lfFrame>
  </lfLeafer>
</template>

Documentation

leafer-vue