Skip to content

Commit cdbeae3

Browse files
committed
rewrite ui-components
1 parent fe2bdca commit cdbeae3

File tree

2 files changed

+58
-100
lines changed

2 files changed

+58
-100
lines changed

responsive.md

Lines changed: 0 additions & 100 deletions
This file was deleted.

ui-components.md

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
# Devup UI Components
2+
3+
If you want to use Devup UI Components, you need to install it.
4+
5+
```
6+
npm install @devup-ui/components
7+
// or
8+
yarn add @devup-ui/components
9+
// or
10+
pnpm add @devup-ui/components
11+
```
12+
13+
You need to configure the include option for each bundler environment to properly load the `@devup-ui/components` package.
14+
15+
## using Vite
16+
17+
```
18+
//vite.config.js
19+
import { defineConfig } from "vite";
20+
import react from "@vitejs/plugin-react";
21+
import { DevupUI } from "@devup-ui/vite-plugin";
22+
export default defineConfig({
23+
plugins: [
24+
DevupUI({
25+
include: ["@devup-ui/components"],
26+
}),
27+
react(),
28+
],
29+
});
30+
```
31+
32+
## using Next.js
33+
34+
```
35+
// next.config.js
36+
import { DevupUI } from '@devup-ui/next-plugin'
37+
export default DevupUI({ include: ["@devup-ui/components"]})
38+
```
39+
40+
## using Rsbuild
41+
42+
```
43+
// rsbuild.config.mjs
44+
import { defineConfig } from '@rsbuild/core';
45+
import { pluginReact } from '@rsbuild/plugin-react';
46+
import { DevupUIRsbuildPlugin } from '@devup-ui/rsbuild-plugin';
47+
export default defineConfig({
48+
plugins: [pluginReact(), DevupUIRsbuildPlugin({
49+
include: ["@devup-ui/components"],
50+
})],
51+
});
52+
```
53+
54+
Note: If you encounter "Cannot run on the runtime" error, make sure the include option is properly configured for your bundler.
55+
56+
## Examples
57+
58+
// Form,Layout,theme etc.

0 commit comments

Comments
 (0)