netlify-cms-widget-material-icons

Material Icons widget for Netlify CMS.

Install and Usage

As an npm package:

npm install netlify-cms-widget-material-icons

// css 
@import url("https://fonts.googleapis.com/css?family=Material+Icons");

// js
import CMS from "netlify-cms";
import * as MaterialIconsWidget from "netlify-cms-widget-material-icons";
CMS.registerWidget(
  "material-icons",
  MaterialIconsWidget.Control,
  MaterialIconsWidget.Preview
);
CMS.registerPreviewStyle(
  "https://fonts.googleapis.com/css?family=Material+Icons"
);

Add to your config.yml:

    fields:
      - name: <fieldname>
        label: <fieldlabel>
        widget: material-icons

Example

see public directory