Select Icon - React UI Component for Icon Selection icon

Select Icon - React UI Component for Icon Selection

Go to Website
Hot or Not
Select Icon - React UI Component for Icon Selection

Description

Select Icon is a React component that provides an easy and customizable way to select icons from a collection.

Features:

- JSON data-driven - Animation support - Supports both JSX and TypeScript versions

Note:

- This component requires React version 16.8 or higher.

Package Includes:

- Guide.pdf - /example-files/App.js - /example-files/assets/*.png - /example-files/ozden/react-ui-select-icon/SelectIcon.jsx - /example-files/ozden/react-ui-select-icon/SelectIcon.tsx - /example-files/ozden/react-ui-select-icon/SelectIcon.css - /example-files/ozden/react-ui-select-icon/SelectIcon/arrow.svg

Basic Code Example:

import SelectIcon from './ozden/react-ui-select-icon/SelectIcon'; const [icons, setIcons] = useState([ { id: "1", iconFile: images['./cat1.png'], title:"Tree" }, { id: "2", iconFile: images['./cat2.png'], title: "" }, { id: "3", iconFile: images['./cat3.png'], title: "Paris" }, ]); function App() { const handleSelect = (id) => { console.log(`Selected icon id: ${id}`); } return ( <SelectIcon icons={icons} selectedId="1" onSelect={handleSelect} /> ); }

Tags

animatedanimationcustomizabledropdownfront-end developmenticon pickermaterial uireact componentui componentuser interfaceweb development

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.

Products of the Week.

Submit