@ws-ui/ui-components 1.0.1 → 1.0.2
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 +5 -12
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -21,7 +21,7 @@ A comprehensive design system built with React, TypeScript, TailwindCSS, and Sto
|
|
|
21
21
|
Install the package in your project:
|
|
22
22
|
|
|
23
23
|
```bash
|
|
24
|
-
npm install @
|
|
24
|
+
npm install @ws-ui/ui-components
|
|
25
25
|
```
|
|
26
26
|
|
|
27
27
|
### Using Components
|
|
@@ -29,24 +29,17 @@ npm install @qodly/ui-components
|
|
|
29
29
|
Import and use components in your React application:
|
|
30
30
|
|
|
31
31
|
```tsx
|
|
32
|
-
import { Button, Input, Checkbox } from '@
|
|
32
|
+
import { Button, Input, Checkbox } from '@ws-ui/ui-components';
|
|
33
33
|
|
|
34
34
|
function App() {
|
|
35
35
|
return (
|
|
36
36
|
<div>
|
|
37
|
-
<Input
|
|
38
|
-
placeholder="Enter your name"
|
|
39
|
-
label="Name"
|
|
40
|
-
/>
|
|
37
|
+
<Input placeholder="Enter your name" label="Name" />
|
|
41
38
|
<Checkbox
|
|
42
39
|
label="Accept terms and conditions"
|
|
43
40
|
onChange={(checked) => console.log(checked)}
|
|
44
41
|
/>
|
|
45
|
-
<Button
|
|
46
|
-
variant="primary"
|
|
47
|
-
size="md"
|
|
48
|
-
onClick={() => alert('Hello!')}
|
|
49
|
-
>
|
|
42
|
+
<Button variant="primary" size="md" onClick={() => alert('Hello!')}>
|
|
50
43
|
Submit
|
|
51
44
|
</Button>
|
|
52
45
|
</div>
|
|
@@ -199,4 +192,4 @@ npm run test-storybook
|
|
|
199
192
|
- Ensure accessibility compliance
|
|
200
193
|
- Add comprehensive Storybook stories
|
|
201
194
|
- Include unit tests for complex logic
|
|
202
|
-
- Use semantic versioning for releases
|
|
195
|
+
- Use semantic versioning for releases
|