¿Publicar los cambios?Será visible para todo el equipo.
HTML + CSSToasts

Toast con dos acciones

Una pregunta breve con dos botones, «Ahora no» y «Publicar», que confirma y se retira en cuanto eliges.

Ajustes

16px
1x

Código

<div class="uv-za"><button class="fire">Solicitar acción</button><div class="toast"><span><b>¿Publicar los cambios?</b><small>Será visible para todo el equipo.</small></span><div><button class="no">Ahora no</button><button class="yes">Publicar</button></div></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

Dónde usarlo

Hay decisiones demasiado pequeñas para un modal entero. En la wiki de un equipo, al editar una página, un toast pregunta «¿Publicar los cambios?» y avisa de que todos los verán; en una plataforma de cursos podría ofrecer publicar una lección nueva. Este toast de confirmación no bloquea la pantalla ni corta el ritmo.

Escribe los botones como verbos, para que la elección se entienda sin releer el título. La opción segura va a la izquierda y en gris. Para algo destructivo, como borrar una cuenta, un diálogo de verdad sigue siendo mejor idea.