fighting-design v1.0.0-alpha.1
โจ 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
- ๐ Improve RFC
- โ๏ธ 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'
createApp(App).use(FightingDesign).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
3 days ago
3 days ago
1 month ago
2 months ago
2 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
5 months ago
5 months ago
7 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
9 months ago
10 months ago
10 months ago
9 months ago
11 months ago
11 months ago
12 months ago
12 months ago
12 months ago
12 months ago
11 months ago
11 months ago
12 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
12 months ago
12 months ago
1 year ago
12 months ago
1 year ago
1 year ago
1 year 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
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
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years 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
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
1 year ago
2 years 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