X-Next

Appearance

快速开始 ​

X-Next 是一套 Vue 3 UI 组件库。当前文档站使用源码包直接渲染示例，方便开发时同步验证组件表现。

安装 ​

bash
pnpm add x-next

完整引入 ​

ts
import { createApp } from 'vue';
import XNext from 'x-next';
import 'x-next/dist/style.css';
import App from './App.vue';

const app = createApp(App);

app.use(XNext);
app.mount('#app');

按需引入 ​

ts
import { Button } from 'x-next';
import 'x-next/dist/style.css';
vue
<template>
  <x-button type="primary">提交</x-button>
</template>

本地文档开发 ​

bash
pnpm run docs:dev

构建文档 ​

bash
pnpm run docs:build