nicklabs-ui 1.0.111 → 1.0.113
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 +35 -1
- package/dist/index.mjs +431 -431
- package/dist/nicklabs-ui.css +1 -1
- package/dist/src/components/NHint.vue.d.ts +17 -0
- package/dist/src/index.d.ts +4 -1
- package/dist/src/types/components/hint.d.ts +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
A Vue 3 component library with glassmorphism design, built for modern web applications.
|
|
4
4
|
|
|
5
|
-
**Version**: 1.0.
|
|
5
|
+
**Version**: 1.0.113 | **Framework**: Vue 3.5+
|
|
6
6
|
|
|
7
7
|
---
|
|
8
8
|
|
|
@@ -37,6 +37,7 @@ A Vue 3 component library with glassmorphism design, built for modern web applic
|
|
|
37
37
|
- [NDrawer](#ndrawer)
|
|
38
38
|
- [NAlert](#nalert)
|
|
39
39
|
- [NToast](#ntoast)
|
|
40
|
+
- [NHint](#nhint)
|
|
40
41
|
- [NTooltip](#ntooltip)
|
|
41
42
|
- [NLoading](#nloading)
|
|
42
43
|
- [Layout](#layout)
|
|
@@ -1626,6 +1627,39 @@ See [useToast composable](#usetoast) below.
|
|
|
1626
1627
|
|
|
1627
1628
|
---
|
|
1628
1629
|
|
|
1630
|
+
#### NHint
|
|
1631
|
+
|
|
1632
|
+
Inline notice banner for contextual hints, warnings, or reminders within a page section. Unlike the popup-style [NAlert](#nalert), `NHint` renders inline and shows an intent-matched icon automatically.
|
|
1633
|
+
|
|
1634
|
+
**Props**
|
|
1635
|
+
|
|
1636
|
+
| Prop | Type | Default | Description |
|
|
1637
|
+
|------|------|---------|-------------|
|
|
1638
|
+
| `intent` | `"none" \| "primary" \| "success" \| "warning" \| "error" \| "info"` | `"warning"` | Color intent (controls background, text, border, and icon) |
|
|
1639
|
+
|
|
1640
|
+
**Slots**
|
|
1641
|
+
|
|
1642
|
+
| Slot | Description |
|
|
1643
|
+
|------|-------------|
|
|
1644
|
+
| `default` | Hint message content |
|
|
1645
|
+
|
|
1646
|
+
**Usage**
|
|
1647
|
+
|
|
1648
|
+
```vue
|
|
1649
|
+
<template>
|
|
1650
|
+
<NHint>當 CSV 內的會員不存在於該群組中，將不會提示錯誤將直接略過</NHint>
|
|
1651
|
+
<NHint intent="success">資料已成功匯入</NHint>
|
|
1652
|
+
<NHint intent="error">匯入失敗，請檢查檔案格式</NHint>
|
|
1653
|
+
<NHint intent="info">支援的檔案格式為 .csv</NHint>
|
|
1654
|
+
</template>
|
|
1655
|
+
|
|
1656
|
+
<script setup>
|
|
1657
|
+
import { NHint } from 'nicklabs-ui'
|
|
1658
|
+
</script>
|
|
1659
|
+
```
|
|
1660
|
+
|
|
1661
|
+
---
|
|
1662
|
+
|
|
1629
1663
|
#### NTooltip
|
|
1630
1664
|
|
|
1631
1665
|
Hover/focus tooltip with directional positioning.
|