decap-cms-widget-iconify v1.0.2

Iconify Widget for Decap CMS

A custom widget for Decap CMS (formerly Netlify CMS) that allows you to search and select icons from Iconify collections.

Features

• Search for icons from Iconify collections
• Preview selected icons
• Filter icons by collection or pattern
• Seamless integration with Decap CMS

Installation

npm install decap-cms-widget-iconify
# or
yarn add decap-cms-widget-iconify

Usage

import CMS from 'decap-cms-app';
import { WidgetIconify } from 'decap-cms-widget-iconify';

// Register the widget
CMS.registerWidget(WidgetIconify.Widget());

Configuration

You can configure the widget with the following options:

CMS.registerWidget(
  WidgetIconify.Widget({
    // The Iconify collection to use (default: 'mdi')
    collection: "material-symbols-light",
    
    // Optional regex filter to limit icons
    filter: /-outline-rounded$/,
  })
);

Field Configuration

Use the widget in your Decap CMS configuration:

# In your config.yml
fields:
  - label: 'Icon'
    name: 'icon'
    widget: 'icon'

License

MIT