Tengo una aplicación web donde un usuario puede agregar una nueva categoría. La categoría se está insertando en la base de datos con la publicación de formulario.
Esta categoría debe tener un ícono (iconos de arranque https://icons.getbootstrap.com/ ) que el usuario debe poder seleccionar.
Uso el framework bootstrap 5.1.3 para el desarrollo.
No puedo encontrar una posibilidad fácil de usar para seleccionar un artículo entre 1500.
Lo he comprobado usando un elemento de selección con opciones en el formulario. El problema aquí es que el usuario solo podrá ver el nombre del ícono pero no la imagen del ícono. Bootstrap no admite agregar una imagen a las opciones.
¿Alguien tiene una idea de cómo implementar una posibilidad fácil de usar para elegir un ícono de un gran conjunto de íconos donde el usuario puede ver el ícono antes de seleccionarlo?
Debería poder guardar el nombre del icono seleccionado en la base de datos.
Sería bueno si alguien pudiera ayudarme :).
Muchas gracias a todos :)
Supongo que podría mostrar un modal con íconos representados con sus nombres y agregar la propiedad onClick para obtener el ícono que está seleccionando el usuario. También puede agregar un cuadro de búsqueda en la parte superior para filtrar los íconos por texto. Tipo de esto: https://react-icons.github.io/react-icons/icons?name=bs