@admin-layout/tailwind-ui 12.0.16-alpha.24 → 12.0.16-alpha.25
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 +20 -0
- package/package.json +7 -3
package/README.md
CHANGED
|
@@ -18,6 +18,26 @@ We use Tailwind utility classes directly in our components. This approach provid
|
|
|
18
18
|
3. Ensures consistent styling across the application
|
|
19
19
|
4. Reduces overall bundle size by removing unnecessary CSS
|
|
20
20
|
|
|
21
|
+
## How to Use
|
|
22
|
+
|
|
23
|
+
### Importing Components from Admin Layout
|
|
24
|
+
|
|
25
|
+
**✅ Correct Import Method:**
|
|
26
|
+
|
|
27
|
+
```jsx
|
|
28
|
+
import { Button } from '@admin-layout/tailwind-ui/shardui/button.js';
|
|
29
|
+
import { Input } from '@admin-layout/tailwind-ui/shardui/input.js';
|
|
30
|
+
import { Card } from '@admin-layout/tailwind-ui/shardui/card.js';
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
**❌ Avoid Importing from lib:**
|
|
34
|
+
|
|
35
|
+
```jsx
|
|
36
|
+
// DON'T DO THIS
|
|
37
|
+
import { Button } from '@admin-layout/tailwind-ui/lib/components/Button';
|
|
38
|
+
import { Button } from '@admin-layout/tailwind-ui';
|
|
39
|
+
```
|
|
40
|
+
|
|
21
41
|
## Tailwind CSS Implementation Guidelines
|
|
22
42
|
|
|
23
43
|
Follow these guidelines when implementing components with Tailwind:
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@admin-layout/tailwind-ui",
|
|
3
|
-
"version": "12.0.16-alpha.
|
|
3
|
+
"version": "12.0.16-alpha.25",
|
|
4
4
|
"description": "Sample core for higher packages to depend on",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "CDMBase LLC",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"watch": "npm run build:lib:watch"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@admin-layout/client": "12.0.16-alpha.
|
|
30
|
+
"@admin-layout/client": "12.0.16-alpha.25",
|
|
31
31
|
"@radix-ui/react-accordion": "^1.2.0",
|
|
32
32
|
"@radix-ui/react-alert-dialog": "^1.1.1",
|
|
33
33
|
"@radix-ui/react-aspect-ratio": "^1.1.0",
|
|
@@ -70,6 +70,10 @@
|
|
|
70
70
|
"tailwindcss-animate": "^1.0.6",
|
|
71
71
|
"vaul": "^0.9.3"
|
|
72
72
|
},
|
|
73
|
+
"devDependencies": {
|
|
74
|
+
"rc-field-form": "^2.7.0",
|
|
75
|
+
"scroll-into-view-if-needed": "^3.1.0"
|
|
76
|
+
},
|
|
73
77
|
"peerDependencies": {
|
|
74
78
|
"history": "*",
|
|
75
79
|
"react": ">=16",
|
|
@@ -81,5 +85,5 @@
|
|
|
81
85
|
"typescript": {
|
|
82
86
|
"definition": "lib/index.d.ts"
|
|
83
87
|
},
|
|
84
|
-
"gitHead": "
|
|
88
|
+
"gitHead": "8b62bff1ab82f6131580a877203778f33c4aa8c4"
|
|
85
89
|
}
|