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

Select Icon - React UI Component for Icon Selection

Description

Categories

Tags