fighting-design v1.0.0-alpha.9
โจ Features
- ๐ช 60+ common components
- ๐ช Developed with the latest features of Vue.js
- ๐ Fully based on Vite, fast enough
- ๐ค Ultimate development experience
- ๐ฅ Ultra detailed JSDoc comments
- ๐ฆฉ Zero third party dependency
- ๐ช Different packaging modes which compatible with different projects
- ๐ Support full import and on-demand import
- โ Written with TypeScript & Template
- ๐๏ธ Strict TypeScript Type
- โ๏ธ Easy to configure and easy to use
- ๐ฉ Complete and adequate unit tests
- ๐ Maintained by the community team
- โค๏ธ Developed according to actual demand
- ๐ High quality detailed documentation
- โ๏ธ Put forward demands and keep improving
- ๐ More configuration options & flexible components
- ๐ More features are under development
๐ Install
Use pnpm
install
pnpm add --save-dev fighting-design
Use npm
install
npm install --save-dev fighting-design
Use yarn
install
yarn add --save-dev fighting-design
๐ Quick Start
Put the following code into main.ts
import { createApp } from 'vue'
import App from './App.vue'
import FightingDesign from 'fighting-design'
import 'fighting-design/dist/index.css'
const app = createApp(App)
app.use(FightingDesign)
app.mount('#app')
๐ช Quick experience
<head>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/fighting-design/dist/index.css"
/>
</head>
<body>
<div id="app">
<f-space>
<f-button round type="default">้ป่ฎคๆ้ฎ</f-button>
<f-button round type="primary">ไธป่ฆๆ้ฎ</f-button>
<f-button round type="success">ๆๅๆ้ฎ</f-button>
<f-button round type="danger">ๅฑ้ฉๆ้ฎ</f-button>
<f-button round type="warning">่ญฆๅๆ้ฎ</f-button>
</f-space>
<f-divider>ๅไธฝ็ๅ้็บฟ</f-divider>
<f-button type="primary" @click="visible = true">ๆๅผ Dialog</f-button>
<f-dialog title="Title" v-model:visible="visible">
ๆฌข่ฟไฝฟ็จ Fighting Design๏ผ
</f-dialog>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.global.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fighting-design/dist/index.umd.js"></script>
<script>
const { createApp, ref } = Vue
const app = createApp({
setup() {
const visible = ref(false)
return { visible }
}
})
app.use(FightingDesign.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 Fighting Design
!
๐ฌ LICENSE
6 months ago
6 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
8 months ago
8 months ago
9 months ago
10 months ago
10 months ago
12 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago