ui8kit 1.0.3 → 1.0.4
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 +7 -38
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -121,44 +121,18 @@ module.exports = {
|
|
|
121
121
|
|
|
122
122
|
**Note**: CDN links with `@import` URLs will remain as external references and won't be processed by Tailwind's build system.
|
|
123
123
|
|
|
124
|
-
### CDN Integration
|
|
124
|
+
### CDN Integration
|
|
125
125
|
|
|
126
126
|
For projects that prefer CDN over CLI installation:
|
|
127
127
|
|
|
128
|
-
####
|
|
128
|
+
#### Compiled Semantic Stylesheet
|
|
129
129
|
```html
|
|
130
|
-
<!--
|
|
131
|
-
<
|
|
132
|
-
<!-- OR Tailwind 3 CDN for DEV MODE -->
|
|
133
|
-
<script src="https://cdn.tailwindcss.com"></script>
|
|
134
|
-
|
|
135
|
-
<!-- Load complete semantic components -->
|
|
136
|
-
<link rel="stylesheet" href="https://unpkg.com/ui8kit@1.0.1/css/dist/semantic/index.css">
|
|
130
|
+
<!-- Load compiled semantic components -->
|
|
131
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ui8kit@latest/css/dist/styles.css">
|
|
137
132
|
<!-- OR -->
|
|
138
|
-
<link rel="stylesheet" href="https://
|
|
139
|
-
```
|
|
140
|
-
|
|
141
|
-
#### Individual Component Stylesheets
|
|
142
|
-
```html
|
|
143
|
-
<!-- Load only specific components you need -->
|
|
144
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ui8kit@latest/css/dist/semantic/button.css">
|
|
145
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ui8kit@latest/css/dist/semantic/card.css">
|
|
146
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ui8kit@latest/css/dist/semantic/input.css">
|
|
147
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ui8kit@latest/css/dist/semantic/alert.css">
|
|
133
|
+
<link rel="stylesheet" href="https://unpkg.com/ui8kit@latest/css/dist/styles.css">
|
|
148
134
|
```
|
|
149
135
|
|
|
150
|
-
#### Available Individual Components
|
|
151
|
-
- `button.css` - Enhanced button styles
|
|
152
|
-
- `card.css` - Card component layouts
|
|
153
|
-
- `input.css` - Form input styling
|
|
154
|
-
- `alert.css` - Alert and notification styles
|
|
155
|
-
- `badge.css` - Badge and label components
|
|
156
|
-
- `avatar.css` - User avatar components
|
|
157
|
-
- `table.css` - Data table styling
|
|
158
|
-
- `pagination.css` - Navigation pagination
|
|
159
|
-
- `breadcrumb.css` - Navigation breadcrumbs
|
|
160
|
-
- `skeleton.css` - Loading skeleton states
|
|
161
|
-
|
|
162
136
|
### Usage Examples
|
|
163
137
|
|
|
164
138
|
#### With CLI Installation
|
|
@@ -181,13 +155,8 @@ function App() {
|
|
|
181
155
|
<!DOCTYPE html>
|
|
182
156
|
<html>
|
|
183
157
|
<head>
|
|
184
|
-
<!--
|
|
185
|
-
<
|
|
186
|
-
<!-- OR Tailwind 3 CDN for DEV MODE -->
|
|
187
|
-
<script src="https://cdn.tailwindcss.com"></script>
|
|
188
|
-
|
|
189
|
-
<!-- Load semantic styles -->
|
|
190
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ui8kit@latest/css/dist/semantic/index.css">
|
|
158
|
+
<!-- Load compiled semantic styles -->
|
|
159
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ui8kit@latest/css/dist/styles.css">
|
|
191
160
|
</head>
|
|
192
161
|
<body>
|
|
193
162
|
<!-- Use semantic classes directly -->
|