@syscore/ui-library 1.0.8 → 1.0.11
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 +9 -9
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -15,11 +15,11 @@ A comprehensive, production-ready React component library built with [Radix UI](
|
|
|
15
15
|
## Installation
|
|
16
16
|
|
|
17
17
|
```bash
|
|
18
|
-
npm install @
|
|
18
|
+
npm install @syscore/ui-library
|
|
19
19
|
# or
|
|
20
|
-
pnpm add @
|
|
20
|
+
pnpm add @syscore/ui-library
|
|
21
21
|
# or
|
|
22
|
-
yarn add @
|
|
22
|
+
yarn add @syscore/ui-library
|
|
23
23
|
```
|
|
24
24
|
|
|
25
25
|
## Prerequisites
|
|
@@ -42,7 +42,7 @@ import type { Config } from "tailwindcss";
|
|
|
42
42
|
export default {
|
|
43
43
|
content: [
|
|
44
44
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
45
|
-
"node_modules/@
|
|
45
|
+
"node_modules/@syscore/ui-library/**/*.{js,mjs}",
|
|
46
46
|
],
|
|
47
47
|
theme: {
|
|
48
48
|
extend: {},
|
|
@@ -54,7 +54,7 @@ export default {
|
|
|
54
54
|
### 2. Import Components
|
|
55
55
|
|
|
56
56
|
```tsx
|
|
57
|
-
import { Button, Card, Input } from "@
|
|
57
|
+
import { Button, Card, Input } from "@syscore/ui-library";
|
|
58
58
|
|
|
59
59
|
export default function App() {
|
|
60
60
|
return (
|
|
@@ -145,7 +145,7 @@ export default function App() {
|
|
|
145
145
|
### Button
|
|
146
146
|
|
|
147
147
|
```tsx
|
|
148
|
-
import { Button } from "@
|
|
148
|
+
import { Button } from "@syscore/ui-library";
|
|
149
149
|
|
|
150
150
|
export default function ButtonExample() {
|
|
151
151
|
return (
|
|
@@ -169,7 +169,7 @@ import {
|
|
|
169
169
|
DialogHeader,
|
|
170
170
|
DialogTitle,
|
|
171
171
|
Button,
|
|
172
|
-
} from "@
|
|
172
|
+
} from "@syscore/ui-library";
|
|
173
173
|
|
|
174
174
|
export default function DialogExample() {
|
|
175
175
|
return (
|
|
@@ -192,7 +192,7 @@ export default function DialogExample() {
|
|
|
192
192
|
|
|
193
193
|
```tsx
|
|
194
194
|
import { useForm } from "react-hook-form";
|
|
195
|
-
import { Button, Input, Label, Form } from "@
|
|
195
|
+
import { Button, Input, Label, Form } from "@syscore/ui-library";
|
|
196
196
|
|
|
197
197
|
export default function FormExample() {
|
|
198
198
|
const { register, handleSubmit } = useForm();
|
|
@@ -256,7 +256,7 @@ Full TypeScript support with proper type definitions:
|
|
|
256
256
|
|
|
257
257
|
```tsx
|
|
258
258
|
import type { ButtonHTMLAttributes } from "react";
|
|
259
|
-
import { Button, type ButtonProps } from "@
|
|
259
|
+
import { Button, type ButtonProps } from "@syscore/ui-library";
|
|
260
260
|
|
|
261
261
|
interface MyButtonProps extends ButtonProps {
|
|
262
262
|
label: string;
|