urkit-ui 0.2.0 â 0.2.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 +20 -19
- package/dist/module.json +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -18,7 +18,7 @@ A modern, accessible UI component library for Nuxt 4 with custom CSS architectur
|
|
|
18
18
|
|
|
19
19
|
## đĻ Available Components
|
|
20
20
|
|
|
21
|
-
Currently available components in v0.
|
|
21
|
+
Currently available components in v0.2.0:
|
|
22
22
|
|
|
23
23
|
| Component | Description | Status |
|
|
24
24
|
|-----------|-------------|--------|
|
|
@@ -184,26 +184,27 @@ Urkit includes a flexible icon system with namespace support and automatic cachi
|
|
|
184
184
|
|
|
185
185
|
The module includes essential icons to get you started:
|
|
186
186
|
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
187
|
+
**Alert Icons** (Filled style):
|
|
188
|
+
- đ¨ `icons:alert-error` - Error alert icon
|
|
189
|
+
- â ī¸ `icons:alert-warning` - Warning alert icon
|
|
190
|
+
- â
`icons:alert-success` - Success alert icon
|
|
191
|
+
- âšī¸ `icons:alert-info` - Information alert icon
|
|
192
|
+
- ⨠`icons:alert-feature` - Feature announcement icon
|
|
193
|
+
|
|
194
|
+
**UI Icons** (Outlined style):
|
|
195
|
+
- â `icons:close` - Close/dismiss icon (16Ã16)
|
|
196
|
+
- đ `icons:search` - Search icon (24Ã24)
|
|
197
|
+
- đī¸ `icons:show` - Show password icon (24Ã24)
|
|
198
|
+
- đ `icons:hide` - Hide password icon (24Ã24)
|
|
199
199
|
|
|
200
200
|
```vue
|
|
201
201
|
<!-- Use included icons -->
|
|
202
|
-
<UrIcon name="icons:search" />
|
|
203
|
-
<UrIcon name="icons:
|
|
202
|
+
<UrIcon name="icons:search" :size="24" />
|
|
203
|
+
<UrIcon name="icons:alert-success" :size="20" />
|
|
204
|
+
<UrIcon name="icons:close" :size="16" />
|
|
204
205
|
```
|
|
205
206
|
|
|
206
|
-
**đĄ
|
|
207
|
+
**đĄ All icons use `currentColor` for dynamic theming.** See [ICONS.md](./ICONS.md) for complete documentation.
|
|
207
208
|
|
|
208
209
|
### Custom Icons
|
|
209
210
|
|
|
@@ -226,7 +227,7 @@ your-app/
|
|
|
226
227
|
export default defineNuxtConfig({
|
|
227
228
|
modules: ['urkit-ui'],
|
|
228
229
|
|
|
229
|
-
|
|
230
|
+
urkit: {
|
|
230
231
|
iconNamespaces: {
|
|
231
232
|
icons: '/assets/icons', // Default
|
|
232
233
|
logos: '/assets/logos', // Default
|
|
@@ -246,7 +247,7 @@ Customize Urkit UI in your `nuxt.config.ts`:
|
|
|
246
247
|
export default defineNuxtConfig({
|
|
247
248
|
modules: ['urkit-ui'],
|
|
248
249
|
|
|
249
|
-
|
|
250
|
+
urkit: {
|
|
250
251
|
// Customize component prefix (default: 'Ur')
|
|
251
252
|
prefix: 'Ur',
|
|
252
253
|
|
|
@@ -278,7 +279,7 @@ Urkit UI uses a purple theme by default. Easily customize to match your brand:
|
|
|
278
279
|
export default defineNuxtConfig({
|
|
279
280
|
modules: ['urkit-ui'],
|
|
280
281
|
|
|
281
|
-
|
|
282
|
+
urkit: {
|
|
282
283
|
colors: {
|
|
283
284
|
primary: {
|
|
284
285
|
50: '#f0f9ff',
|
package/dist/module.json
CHANGED
package/package.json
CHANGED