He usado react-jdenticon
Intenté agregar un radio de borde, pero parece que no puede tomar el estilo css en svg o elemento de lienzo.
¿Alguna sugerencia para esto?
import React from 'react'; import Jdenticon from 'react-jdenticon'; function Example(){ return(<Jdenticon size="48" value="Hello World" />); }Si desea personalizar el estilo css en imágenes SVG. Le sugiero que use el paquete jdenticon para este propósito. Usando jdenticon , cree un componente personalizado con el siguiente código. Ahora puede agregar las clases CSS o cualquier estilo al elemento SVG que desee agregar.
import React, { useRef, useEffect } from 'react'; import jdenticon from 'jdenticon'; const Jdenticon = ({ value = 'test', size = '100%', className }) => { const icon = useRef(null); useEffect(() => { jdenticon.update(icon.current, value); }, [value]); return ( <div> <svg data-jdenticon-value={value} height={size} ref={icon} width={size} className={className} /> </div> ); };Ahora para el uso, puede usarlo de esta manera.
function Usage(){ return(<Jdenticon size="48" value="Hello World", className="custom-name" />); }La solución anterior funciona para el paquete jdenticon .
pero hay alguna solución para reaccionar-jdenticon tal vez podamos ampliar
<Jdenticon size="48" value="Hello World" 'pass classname here'/>