icon-select

Icon Select Field for Payload CMS

Effortlessly choose icons with an intuitive dropdown!

This plugin enhances Payload CMS by adding a custom Icon Select field, powered by flowbite-react-icons.
✅ Search & Scroll through icons with ease
✅ ShadCN UI Integration for a sleek, modern experience

Screen.Recording.2025-02-02.at.14.26.12.mov

---

Installation

Install the plugin using your preferred package manager:

pnpm install @shefing/icon-select

---

Setup

Add the field to your collection:

import { createIconSelectField } from "@shefing/icon-select";

fields: [ 
  createIconSelectField({ name: 'iconType', label: 'Select Icon' }),
];

Requires Tailwind CSS in your project for styling.

💡 Now you can easily browse and select icons with a smooth, user-friendly experience! 🎨