juicy-elements

0.3.0 • Public • Published

Juicy logo

npm package star fork star fork vue

Juicy Elements - Vue.js 3 UI library

English | 简体中文

Instructions for use

Install dependencies

npm install juicy-elements

Global introduction

If you don't care much about the size of the packaged file, it will be more convenient to use the complete import.
// main.js
import { createApp } from 'vue'
import App from './App.vue'

import JuicyElements from 'juicy-elements';
import 'juicy-elements/dist/index.css';

createApp(App).use(JuicyElements).mount('#app');
  • Use
<template>
  <div>
    <juicy-button>Default</juicy-button>
    <juicy-button type="primary">Primary</juicy-button>
    <juicy-button type="success">Success</juicy-button>
    <juicy-button type="info">Info</juicy-button>
    <juicy-button type="warning">Warning</juicy-button>
    <juicy-button type="danger">Danger</juicy-button>
  </div>
</template>

Introduce on demand

<template>
  <div>
    <juicy-button>Default</juicy-button>
  </div>
</template>

<script setup>
  // Introduce where needed
  import { JuicyButton } from 'juicy-elements';
</script>

Readme

Keywords

Package Sidebar

Install

npm i juicy-elements

Weekly Downloads

2

Version

0.3.0

License

MIT

Unpacked Size

6.55 MB

Total Files

74

Last publish

Collaborators

  • ju_sehai