CodeCanyon-44241280-Select Icon – React UI Component for Icon Selection.zip

Select Icon – React UI Component for Icon Selection

DEMO

Select Icon is a React UI component that provides an easy and customizable way to select icons from a collection. It comes with various features like animation, JSON data-driven updating, grid layout, and overlay color. The component is designed to be easy to use and integrate into any React application.

Features:

– Easy to use
– Designed for React applications
– Supports both JSX and TypeScript versions
– Customizable
– JSON data-driven updating
– Animation support
– Grid layout

Note:

– This component requires React version 16.8 or higher.
– The icons should be provided as an array of objects, where each object should have an id and an icon URL.
– The onSelect function is called whenever an icon is selected, and it receives the id of the selected icon as a parameter.

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.jsx';

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}
/>
);
}

↓↓ Download Links ↓↓

44241280-Select Icon – React UI Component for Icon Selection.zip

MEGA.NZ ZIPPYSHARE MEDIAFIRE GOOGLE DRIVE USERSCLOUD SENDSPACE SOLIDFILES DROPBOX UPLOADED MIRRORCREATOR RAPIDGATOR ANONFILE