- Utilisation
- Propriétés
import React, { useState } from "react";
import { IconPicker } from "@/ui/input/components/IconPicker";
export const MyComponent = () => {
const [selectedIcon, setSelectedIcon] = useState("");
const handleIconChange = ({ iconKey, Icon }) => {
console.log("Selected Icon:", iconKey);
setSelectedIcon(iconKey);
};
return (
<IconPicker
disabled={false}
onChange={handleIconChange}
selectedIconKey={selectedIcon}
variant="primary"
/>
);
};
| Propriétés | Type | Description |
|---|---|---|
| désactivé | booléen | Désactive le sélecteur d’icônes si défini sur true |
| onChange | fonction | La fonction de rappel déclenchée lorsque l’utilisateur sélectionne une icône. Elle reçoit un objet avec les propriétés iconKey et Icon |
| selectedIconKey | chaîne | La clé de l’icône initialement sélectionnée |
| onClickOutside | fonction | Fonction de rappel déclenchée lorsque l’utilisateur clique en dehors du menu déroulant |
| onClose | fonction | Fonction de rappel déclenchée lorsque le menu déroulant est fermé |
| onOpen | fonction | Fonction de rappel déclenchée lorsque le menu déroulant est ouvert |
| variante | chaîne | La variante de style visuel de l’icône cliquable. Les options incluent : primaire, secondaire et tertiaire |