@whydrf/nava-icon-react 1.0.2 → 1.0.3
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 +9 -9
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -63,7 +63,7 @@ Your bundler (webpack, Vite, Rollup, esbuild) traces this import and includes **
|
|
|
63
63
|
In contrast, this pattern imports everything:
|
|
64
64
|
|
|
65
65
|
```tsx
|
|
66
|
-
//
|
|
66
|
+
// ✗ Don't do this in production — bundles all 950+ icons
|
|
67
67
|
import * as Icons from '@whydrf/nava-icon-react'
|
|
68
68
|
```
|
|
69
69
|
|
|
@@ -206,11 +206,11 @@ The package includes full TypeScript definitions. You get autocompletion for ico
|
|
|
206
206
|
import type { IconName, IconMode, IconProps } from '@whydrf/nava-icon-react'
|
|
207
207
|
|
|
208
208
|
// IconName gives you autocompletion for all 950+ icon names
|
|
209
|
-
const icon: IconName = 'home' //
|
|
210
|
-
const bad: IconName = 'invalid' //
|
|
209
|
+
const icon: IconName = 'home' // ✓ valid
|
|
210
|
+
const bad: IconName = 'invalid' // ✗ compile error
|
|
211
211
|
|
|
212
212
|
// IconMode constrains to 'regular' | 'filled'
|
|
213
|
-
const mode: IconMode = 'filled' //
|
|
213
|
+
const mode: IconMode = 'filled' // ✓
|
|
214
214
|
|
|
215
215
|
// IconProps for extending the component
|
|
216
216
|
function CustomIcon(props: IconProps) {
|
|
@@ -245,7 +245,7 @@ All standard SVG attributes (`onClick`, `onMouseEnter`, `data-*`, `aria-*`, etc.
|
|
|
245
245
|
| **Weather** | `sun`, `moon`, `cloud`, `droplet`, `wind`, `umbrella` |
|
|
246
246
|
| **Shopping** | `cart`, `credit-card`, `bag`, `tag`, `badge`, `diamond` |
|
|
247
247
|
|
|
248
|
-
Browse all 950+ icons with live preview at [
|
|
248
|
+
Browse all 950+ icons with live preview at **[https://vahidghadiri.github.io/Nava-icon/](https://vahidghadiri.github.io/Nava-icon/)**.
|
|
249
249
|
|
|
250
250
|
## Comparing with Alternatives
|
|
251
251
|
|
|
@@ -253,10 +253,10 @@ Browse all 950+ icons with live preview at [**nava-icons.dev**](https://nava-ico
|
|
|
253
253
|
|---|---|---|---|---|
|
|
254
254
|
| Icons | 950+ | 5000+ | 300+ | 1500+ |
|
|
255
255
|
| Variants | Regular + Filled | Varies by set | Outline + Solid | Stroke only |
|
|
256
|
-
| Tree shaking |
|
|
257
|
-
| TypeScript |
|
|
258
|
-
| Dynamic API |
|
|
259
|
-
| SSR |
|
|
256
|
+
| Tree shaking | ✓ Full | ✓ Full | ✓ Full | ✓ Full |
|
|
257
|
+
| TypeScript | ✓ | Partial | ✓ | ✓ |
|
|
258
|
+
| Dynamic API | ✓ | ✓ | ✗ | ✗ |
|
|
259
|
+
| SSR | ✓ | ✓ | ✓ | ✓ |
|
|
260
260
|
|
|
261
261
|
Nava Icons strikes a balance between quantity and quality — every icon is designed with the same visual language, so your UI stays consistent.
|
|
262
262
|
|