Select Icon – React UI Component for Icon Selection
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}
/>
);
}
44241280-Select Icon – React UI Component for Icon Selection.zip
MEGA.NZ ZIPPYSHARE MEDIAFIRE GOOGLE DRIVE USERSCLOUD SENDSPACE SOLIDFILES DROPBOX UPLOADED MIRRORCREATOR RAPIDGATOR ANONFILE
Потрясающие. Я люблю тебя ? Спасибо. Огромное спасибо. ?
شكرًا لجميع أعضاء الموقع على العمل الرائع
Это спасло меня от исследования. Молодцы и спасибо.
Làm tốt lắm bạn ơi ? Cảm ơn bạn