> ## Documentation Index
> Fetch the complete documentation index at: https://docs.twenty.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Simge Seçici

<Frame>
  <img src="https://mintcdn.com/twenty/JIRRbviz5phT8G2L/images/user-guide/github/github-header.png?fit=max&auto=format&n=JIRRbviz5phT8G2L&q=85&s=7b60b304ddd2fead6c55719cbdd7cd32" alt="Başlık" width="1440" height="680" data-path="images/user-guide/github/github-header.png" />
</Frame>

Kullanıcıların bir listeden simge seçmesine olanak tanıyan bir açılır menü tabanlı simge seçici.

<Tabs>
  <Tab title="Kullanım">
    ```jsx theme={null}
    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"
        />
      );
    };
    ```
  </Tab>

  <Tab title="Özellikler">
    | Özellikler      | Tür       | Açıklama                                                                                                           |
    | --------------- | --------- | ------------------------------------------------------------------------------------------------------------------ |
    | devre dışı      | boolean   | `true` ayarlandığında simge seçiciyi devre dışı bırakır.                                                           |
    | onChange        | function  | Kullanıcı bir simge seçtiğinde tetiklenen geri çağırma işlevi. `iconKey` ve `Icon` özellikleri olan bir nesne alır |
    | selectedIconKey | dize      | Başlangıçta seçilen simgenin anahtarı                                                                              |
    | onClickOutside  | function  | Kullanıcı açılır menünün dışına tıkladığında tetiklenen geri çağırma işlevi                                        |
    | onClose         | fonksiyon | Açılır menü kapatıldığında tetiklenen geri çağırma işlevi                                                          |
    | onOpen          | fonksiyon | Açılır menü açıldığında tetiklenen geri çağırma işlevi                                                             |
    | variant         | dize      | Tıklanabilir simgenin görsel stil varyantı. Seçenekler şunları içerir: `primary`, `secondary` ve `tertiary`        |
  </Tab>
</Tabs>