@gabattal/plugin-icon-js 1.0.0 → 1.0.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 +10 -10
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
# Luna Park Iconify Icons Plugin
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
A Luna Park plugin that exposes an `Icon` component powered by Iconify, compatible with icon names from <https://icones.js.org>.
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## Component
|
|
6
6
|
|
|
7
7
|
### `Icon`
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
Available builder properties:
|
|
10
10
|
|
|
11
|
-
- `icon`:
|
|
12
|
-
- `spin`:
|
|
13
|
-
- `label`:
|
|
11
|
+
- `icon`: Iconify icon name, for example `lucide:trash-2`, `mdi:home`, or `tabler:settings`.
|
|
12
|
+
- `spin`: enables continuous rotation, useful for loading icons.
|
|
13
|
+
- `label`: optional accessibility label. Leave it empty for decorative icons.
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
Color, opacity, and size are handled by Luna Park's standard style controls. The component uses `1em`, so it follows the text size applied by the builder.
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
Icons are loaded through `@iconify/vue`. You can copy icon names directly from `icones.js.org` into the `icon` property.
|
|
18
18
|
|
|
19
19
|
## Installation
|
|
20
20
|
|
|
@@ -28,10 +28,10 @@ pnpm install
|
|
|
28
28
|
pnpm build
|
|
29
29
|
```
|
|
30
30
|
|
|
31
|
-
##
|
|
31
|
+
## Luna Park Preview
|
|
32
32
|
|
|
33
33
|
```bash
|
|
34
34
|
pnpm preview
|
|
35
35
|
```
|
|
36
36
|
|
|
37
|
-
|
|
37
|
+
Direct icon search from the builder property field is not implemented in this plugin. The current Luna Park plugin API exposes simple `LogicType` schemas, but not a custom asynchronous icon picker for editor properties.
|