Toast de alguien se ha unido
Un cursor de color con el nombre de la persona entra en el documento mientras el toast avisa de que se ha unido.
Ajustes
Código
<div class="uv-qpj"><button type="button" class="fire">Mostrar de nuevo</button><span class="cu" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M4 3l15 7.5-6.5 1.8L10 19z"/></svg><b>Marta</b></span><div class="tt" role="status"><span class="av" aria-hidden="true">MR<i></i></span><span class="tx"><b>Marta se ha unido al documento</b><small>Ahora sois 3 editando</small></span><span class="st"><i style="--c:#3b82f6"></i><i style="--c:#f59e0b"></i><i style="--c:var(--c1)"></i></span></div></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Toasts
Ver todos: ToastsDónde usarlo
Los editores colaborativos muestran la presencia en tiempo real, y un aviso de entrada funciona mejor si se parece a la propia colaboración. Al aparecer este toast, un cursor rosa con una etiqueta de nombre entra en escena y se pasea un poco, mientras el toast enseña el avatar con un punto de conectado, el mensaje y la pila de quienes editan, con la recién llegada apareciendo de golpe.
Úsalo en documentos, pizarras, herramientas de diseño u hojas compartidas. El cursor es decorativo y queda oculto a las tecnologías de apoyo. El color principal define el cursor, el anillo del avatar y el punto nuevo.