A plugin for strapi to select react icons.
A plugin for strapi to select react icons.
To install this plugin, you need to add an NPM dependency to your Strapi application:
# Using Yarn
yarn add strapi-plugin-react-icons
# Or using NPM
npm install strapi-plugin-react-icons
Then, you'll need to build your admin panel:
# Using Yarn
yarn build
# Or using NPM
npm run build
Add "react-icons": true,
in you strapi plugins file.
If you do not have this file, create a file:
1
2
3
4
5
# in TypeScript: "/config/plugins.ts"
export default ({ env }) => ({ "react-icons": true, });
# in JavaScript: "/config/plugins.js"
module.exports = ({ env }) => ({ "react-icons": true, });
Create the following IconComponent to dynamically show the icon:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import * as ReactIcons from "react-icons/all";
interface IIconComponent {
icon: string;
size?: number;
}
type IReactIcon = keyof typeof ReactIcons;
const IconComponent: React.FC<IIconComponent> = ({ icon, size }) => {
const DynamicIconComponent = ReactIcons[icon as IReactIcon];
if (undefined === DynamicIconComponent) return <></>;
return <DynamicIconComponent size={size} />;
};
Feel free to post any PR or issues :)
npm install strapi-plugin-react-icons
Check out the available plugin resources that will help you to develop your plugin or provider and get it listed on the marketplace.