Skip to content

Latest commit

 

History

History
126 lines (100 loc) · 3.45 KB

README.en-US.md

File metadata and controls

126 lines (100 loc) · 3.45 KB

DK-plus can quickly build interactive interfaces in web applications based on Vue 3. With comprehensive components and convenient tools, you can easily create your project like a fish in water.

English | Chinese

✨ Features

  • 🪐 10+ common components
  • 🏆 support full import and on-demand import
  • 🤟 easy to configure and get started
  • ❤️ developed according to actual needs
  • 📃 high-quality and detailed documentation
  • 👍 continuously improved based on user feedback
  • 🛠 more features under development

🔑 Install

Install using pnpm :

pnpm add --save-dev dk-plus

Install using npm :

npm install --save-dev dk-plus

Install using yarn :

yarn add --save-dev dk-plus

🎉 Quick Start

import { createApp } from 'vue'
import App from './App.vue'
import dkPlus from 'dk-plus'
import '@dk-plus/theme-chalk/src/index.scss'

createApp(App).use(dkPlus).mount('#app')

🪂 Quick experience

<head>
  <link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/dk-plus/dist/theme-chalk/index.css"
  />
</head>

<body>
  <div id="app">
    <Dk-Button round type="default">默认</Dk-Button>
    <Dk-Button round type="primary">主要按钮</Dk-Button>
    <Dk-Button round type="success">成功</Dk-Button>
    <Dk-Button round type="info">信息</Dk-Button>
    <Dk-Button round type="warning">警告</Dk-Button>
    <Dk-Button round type="danger">danger</Dk-Button>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.global.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/dk-plus/dist/index.js"></script>
  <script>
    const { createApp, ref } = Vue
    const app = createApp({
      setup() {
        const visible = ref(false)
        return { visible }
      }
    })
    app.use(DKplush.default)
    app.mount('#app')
  </script>
</body>

🐳 Related links

🌈 Join Fighting Design

Add WeChat & please note the Github username

💌 Special Thanks

Thanks to everyone who has already contributed to DK-plus

💬 LICENSE

MIT