blode-icons-react 0.3.6 → 0.3.8
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 -5
- package/dist/all-icons.d.ts +4 -0
- package/dist/all-icons.js +4 -0
- package/dist/all-icons.js.map +1 -1
- package/dist/bolt-filled.js +1 -1
- package/dist/bolt-filled.js.map +1 -1
- package/dist/bolt-new-filled.d.ts +2 -0
- package/dist/bolt-new-filled.js +8 -0
- package/dist/bolt-new-filled.js.map +1 -0
- package/dist/bolt-new.d.ts +2 -0
- package/dist/bolt-new.js +8 -0
- package/dist/bolt-new.js.map +1 -0
- package/dist/bolt.js +1 -1
- package/dist/bolt.js.map +1 -1
- package/dist/cross-medium-filled.d.ts +2 -0
- package/dist/cross-medium-filled.js +8 -0
- package/dist/cross-medium-filled.js.map +1 -0
- package/dist/cross-medium.d.ts +2 -0
- package/dist/cross-medium.js +8 -0
- package/dist/cross-medium.js.map +1 -0
- package/dist/dynamicIconImports.js +4 -0
- package/dist/dynamicIconImports.js.map +1 -1
- package/dist/x-filled.js +1 -1
- package/dist/x-filled.js.map +1 -1
- package/dist/x.js +1 -1
- package/dist/x.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -8,13 +8,17 @@
|
|
|
8
8
|
|
|
9
9
|
## Highlights
|
|
10
10
|
|
|
11
|
-
- **
|
|
11
|
+
- **Lucide-style aliases:** mapped icons can replace `lucide-react` imports with minimal code changes
|
|
12
12
|
- **Tree-shakeable:** only ship the icons you use
|
|
13
13
|
- **Dynamic imports:** load icons by name at runtime
|
|
14
14
|
- **Lucide-compatible props:** `size`, `color`, and `strokeWidth` work out of the box
|
|
15
15
|
|
|
16
16
|
## Install
|
|
17
17
|
|
|
18
|
+
```bash
|
|
19
|
+
npx skills add mblode/blode-icons -g --all -y
|
|
20
|
+
```
|
|
21
|
+
|
|
18
22
|
```bash
|
|
19
23
|
npm install blode-icons-react
|
|
20
24
|
```
|
|
@@ -22,17 +26,17 @@ npm install blode-icons-react
|
|
|
22
26
|
## Quick Start
|
|
23
27
|
|
|
24
28
|
```tsx
|
|
25
|
-
import {
|
|
29
|
+
import { AirplaneIcon } from "blode-icons-react"
|
|
26
30
|
|
|
27
31
|
export default function App() {
|
|
28
|
-
return <
|
|
32
|
+
return <AirplaneIcon size={32} color="#0066ff" />
|
|
29
33
|
}
|
|
30
34
|
```
|
|
31
35
|
|
|
32
36
|
### Tree-shaking import
|
|
33
37
|
|
|
34
38
|
```tsx
|
|
35
|
-
import
|
|
39
|
+
import AirplaneIcon from "blode-icons-react/icons/airplane"
|
|
36
40
|
```
|
|
37
41
|
|
|
38
42
|
### Dynamic icon
|
|
@@ -40,7 +44,7 @@ import Airplane from "blode-icons-react/icons/airplane"
|
|
|
40
44
|
```tsx
|
|
41
45
|
import { DynamicIcon } from "blode-icons-react/dynamic"
|
|
42
46
|
|
|
43
|
-
<DynamicIcon name="
|
|
47
|
+
<DynamicIcon name="AirplaneIcon" size={24} />
|
|
44
48
|
```
|
|
45
49
|
|
|
46
50
|
## Props
|
package/dist/all-icons.d.ts
CHANGED
|
@@ -451,6 +451,8 @@ export { default as BoldIcon } from './bold';
|
|
|
451
451
|
export { default as BoldFilledIcon } from './bold-filled';
|
|
452
452
|
export { default as BoltIcon } from './bolt';
|
|
453
453
|
export { default as BoltFilledIcon } from './bolt-filled';
|
|
454
|
+
export { default as BoltNewIcon } from './bolt-new';
|
|
455
|
+
export { default as BoltNewFilledIcon } from './bolt-new-filled';
|
|
454
456
|
export { default as BombIcon } from './bomb';
|
|
455
457
|
export { default as BombFilledIcon } from './bomb-filled';
|
|
456
458
|
export { default as BookIcon } from './book';
|
|
@@ -1057,6 +1059,8 @@ export { default as CropIcon } from './crop';
|
|
|
1057
1059
|
export { default as CropFilledIcon } from './crop-filled';
|
|
1058
1060
|
export { default as CrossLargeIcon } from './cross-large';
|
|
1059
1061
|
export { default as CrossLargeFilledIcon } from './cross-large-filled';
|
|
1062
|
+
export { default as CrossMediumIcon } from './cross-medium';
|
|
1063
|
+
export { default as CrossMediumFilledIcon } from './cross-medium-filled';
|
|
1060
1064
|
export { default as CrossSmallIcon } from './cross-small';
|
|
1061
1065
|
export { default as CrossSmallFilledIcon } from './cross-small-filled';
|
|
1062
1066
|
export { default as CrownIcon } from './crown';
|
package/dist/all-icons.js
CHANGED
|
@@ -451,6 +451,8 @@ export { default as BoldIcon } from './bold';
|
|
|
451
451
|
export { default as BoldFilledIcon } from './bold-filled';
|
|
452
452
|
export { default as BoltIcon } from './bolt';
|
|
453
453
|
export { default as BoltFilledIcon } from './bolt-filled';
|
|
454
|
+
export { default as BoltNewIcon } from './bolt-new';
|
|
455
|
+
export { default as BoltNewFilledIcon } from './bolt-new-filled';
|
|
454
456
|
export { default as BombIcon } from './bomb';
|
|
455
457
|
export { default as BombFilledIcon } from './bomb-filled';
|
|
456
458
|
export { default as BookIcon } from './book';
|
|
@@ -1057,6 +1059,8 @@ export { default as CropIcon } from './crop';
|
|
|
1057
1059
|
export { default as CropFilledIcon } from './crop-filled';
|
|
1058
1060
|
export { default as CrossLargeIcon } from './cross-large';
|
|
1059
1061
|
export { default as CrossLargeFilledIcon } from './cross-large-filled';
|
|
1062
|
+
export { default as CrossMediumIcon } from './cross-medium';
|
|
1063
|
+
export { default as CrossMediumFilledIcon } from './cross-medium-filled';
|
|
1060
1064
|
export { default as CrossSmallIcon } from './cross-small';
|
|
1061
1065
|
export { default as CrossSmallFilledIcon } from './cross-small-filled';
|
|
1062
1066
|
export { default as CrownIcon } from './crown';
|