- Uso
- Propriedades
import React, { useState } from "react";
import { IconPicker } from "@/ui/input/components/IconPicker";
export const MeuComponente = () => {
const [selectedIcon, setSelectedIcon] = useState("");
const handleIconChange = ({ iconKey, Icon }) => {
console.log("Ícone Selecionado:", iconKey);
setSelectedIcon(iconKey);
};
return (
<IconPicker
disabled={false}
onChange={handleIconChange}
selectedIconKey={selectedIcon}
variant="primary"
/>
);
};
| Propriedades | Tipo | Descrição |
|---|---|---|
| desativado | booleano | Desativa o seletor de ícones se definido como true |
| onChange | função | A função de retorno de chamada acionada quando o usuário seleciona um ícone. Ele recebe um objeto com as propriedades iconKey e Icon |
| selectedIconKey | string | A chave do ícone selecionado inicialmente |
| onClickOutside | função | Função de retorno de chamada acionada quando o usuário clica fora da lista suspensa |
| onClose | função | Função de retorno de chamada acionada quando a lista suspensa é fechada |
| onOpen | função | Função de retorno de chamada acionada quando a lista suspensa é aberta |
| variante | string | A variante de estilo visual do ícone clicável. As opções incluem: primária, secundária e terciária |