- Uso
- Props
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"
/>
);
};
| Props | Tipo | Descripción |
|---|---|---|
| deshabilitado | booleano | Desactiva el selector de íconos si está configurado en true |
| ”onChange” | función | La función de devolución de llamada que se activa cuando el usuario selecciona un icono. Recibe un objeto con las propiedades iconKey y Icon |
| selectedIconKey | cadena | La clave del ícono seleccionado inicialmente |
| onClickOutside | función | Función de devolución de llamada que se activa cuando el usuario hace clic fuera del menú desplegable |
| onClose | función | Función de devolución de llamada que se activa cuando se cierra el menú desplegable |
| onOpen | función | Función de devolución de llamada que se activa cuando se abre el menú desplegable |
| variante | cadena | La variante de estilo visual del ícono clicable. Las opciones incluyen: primario, secundario y terciario |