directus-extension-iconify

Iconify dropdown extension for Directus

0.1.0
latest
Source
npm

Version published: last year

Weekly downloads: 5

Maintainers: 1

Weekly downloads

Created: last year

Source

directus-extension-iconify

This extension adds a field type to Directus that allows you to select an icon from the Iconify library.
It will save the icon name as string in the database.
You can use the field in your frontend to display the icon by using one of the Iconify components.

Installation

pnpm i directus-extension-iconify -D # with pnpm
yarn add directus-extension-iconify -D # with yarn
npm i directus-extension-iconify --save-dev # with npm

Usage

Go to your directus collection and create a new field
Select Iconify Dropdown as field type within the group "Selection"
Add your key
If you to use a custom icon library, you can add it to the whitelist in the extension settings
Click "Continue in Advance Field Creation Mode"
Go to the Display tab and select "Iconify Icon" as display type
Save the field

Now you can use the field in your collection.

Options

Whitelist icon libraries to be used in the field:

Preview

Keywords

FAQs

What is directus-extension-iconify?

Is directus-extension-iconify popular?

Is directus-extension-iconify well maintained?

Package last updated on 30 Nov 2023

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

directus-extension-iconify