- Použití
- Vlastnosti
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"
/>
);
};
| Vlastnosti | Typ | Popis |
|---|---|---|
| neaktivní | booleovská hodnota | Deaktivuje výběr ikon, pokud je nastavena hodnota true |
| onChange | funkce | Vyvolá se funkce zpětného volání, když uživatel vybere ikonu. Přijímá objekt s vlastnostmi iconKey a Icon |
| selectedIconKey | textový řetězec | Klíč výchozí vybrané ikony |
| onClickOutside | funkce | Funkce zpětného volání, vyvolaná, když uživatel klikne mimo rozbalovací nabídku. |
| onClose | funkce | Funkce zpětného volání, vyvolaná, když je rozbalovací nabídka zavřena. |
| onOpen | funkce | Funkce zpětného volání, vyvolaná, když je rozbalovací nabídka otevřena. |
| varianta | řetězec | Vizuální stylová varianta klikatelné ikony. Možnosti zahrnují: “primární”, “sekundární” a “terciární” |