Vactory Icon

How to enable/configure vactory_icon dynamic fildes

Provides icon picker form element.

Installation

Enable the following module: vactory_icon : drush en vactory_icon -y

Configuration

The module provides a new plugin system VactoryIconProvidersManager which can be used to add new icon providers settings forms and logics.

Visit /admin/config/content/vactory-icon

By default the module provides two icon providers:

  • Icomoon: This plugin is generally use upload zip file

  • XML source: This plugin is generally use the frontend svg icons (http://localhost:3000/icons.svg), the plugin implementation is under

You could add new icon provider plugin same way as those two plugins above

Add to dynamic filde

Add new type vactory_icon_picker to settings.

settings.yml

icon:
    type: vactory_icon_picker
    label: "Icon"

On Next.js

test.jsx

<Button {...item.link} key={i}>
        <Icon id={item.icon} className="h-5 w-5" />
    </Button>

Check the following Loom video to learn how to da that fron the backoffice:

Checklist FrontStatic Widgets