- Kullanım
- Özellikler
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"
/>
);
};
| Ö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 |