React Templates & Themes Logo React Templates & Themes
Strapi Plugin React Icons screenshot

Strapi Plugin React Icons

Author Avatar Theme by Danielpantle
Updated: 15 May 2024
14 Stars

A plugin for strapi to select react icons.

Github

Categories

Styled components Strapi

Overview:

The Strapi plugin react-icons is a plugin designed for use with the Strapi CMS platform. It allows users to select and display react icons within their Strapi applications. This plugin provides convenient and efficient access to a wide variety of react icons.

Features:

  • Custom Field for react-icons: Users can add a custom field for react-icons in their content types.
  • Selection Modal for the Custom Field: The plugin includes a selection modal that allows users to choose icons for their custom fields.
  • Settings Page for Enabling/Disabling Icon Libraries: Users have the option to enable or disable specific icon libraries from the settings page.
  • Default Selection for Icon Library: This feature is currently planned but not yet implemented. It will allow users to set a default icon library for their applications.
  • Search in the Selection Modal: This feature is also planned but not yet implemented. It will enable users to search for specific icons within the selection modal.

Installation:

To install the Strapi plugin react-icons, follow these steps:

  1. Add the NPM dependency to your Strapi application.
  2. Build your admin panel.
  3. Add “react-icons”: true to your Strapi plugins config file.
  4. If you do not have this file, create it.
  5. Select your preferred icon libraries on the settings page.
  6. Add react-icons as a custom field to your content type.
  7. Press the search icon to select an icon from any of the selected icon libraries.
  8. Create the necessary IconComponent to dynamically show the icon.

Summary:

The Strapi plugin react-icons enhances the Strapi CMS platform by allowing users to easily incorporate react icons into their applications. With features such as custom fields, selection modals, and the ability to enable/disable icon libraries, this plugin provides a seamless and efficient way to manage and display react icons. While some planned features are yet to be implemented, this plugin already offers a valuable set of capabilities for users looking to enhance the visual appeal and functionality of their Strapi applications.