@mvn-ui/react 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +48 -0
- package/dist/index.css +3491 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.mts +2519 -0
- package/dist/index.d.ts +2519 -0
- package/dist/index.js +10618 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +10266 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +115 -0
package/README.md
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
# @mvn-ui/react
|
|
2
|
+
|
|
3
|
+
A React UI component library based on [shadcn/ui](https://ui.shadcn.com/), tailored for Marusys projects.
|
|
4
|
+
|
|
5
|
+
**Repository:** [https://github.com/Humax-Viet-Nam/marusys-webkit-starter/tree/main/mvn-ui](https://github.com/Humax-Viet-Nam/marusys-webkit-starter/tree/main/mvn-ui)
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install @mvn-ui/react
|
|
11
|
+
# or
|
|
12
|
+
yarn add @mvn-ui/react
|
|
13
|
+
# or
|
|
14
|
+
pnpm add @mvn-ui/react
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
## Usage
|
|
18
|
+
|
|
19
|
+
Import styles in your root layout or entry file (e.g., `src/index.tsx` or `src/app/layout.tsx`):
|
|
20
|
+
|
|
21
|
+
```tsx
|
|
22
|
+
import '@mvn-ui/react/styles.css';
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
Import and use components:
|
|
26
|
+
|
|
27
|
+
```tsx
|
|
28
|
+
import { Button } from '@mvn-ui/react';
|
|
29
|
+
|
|
30
|
+
function App() {
|
|
31
|
+
return (
|
|
32
|
+
<div>
|
|
33
|
+
<Button>Click me</Button>
|
|
34
|
+
</div>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
## Features
|
|
40
|
+
|
|
41
|
+
- Built with React and TypeScript
|
|
42
|
+
- Styled with Tailwind CSS
|
|
43
|
+
- Accessible components via Radix UI
|
|
44
|
+
- Dark mode support (via `next-themes` or custom provider)
|
|
45
|
+
|
|
46
|
+
## License
|
|
47
|
+
|
|
48
|
+
MIT
|