Sélecteur d'icônes - Twenty Documentation

Un sélecteur d’icônes basé sur un menu déroulant qui permet aux utilisateurs de sélectionner une icône dans une liste.

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`

Documentation Index