Toast de parquímetro
La aguja de un parquímetro cromado baja hasta la zona roja; al añadir media hora vuelve hacia el verde con un rebote.
Ajustes
Código
<div class="uvq09-prk"><button type="button" class="fire">Mostrar de nuevo</button><div class="tt" role="status"><span class="mt" aria-hidden="true"><span class="dl"><i class="nd"></i></span><b>P</b></span><span class="tx"><b>Tu aparcamiento está a punto de acabar</b><small><span class="n">10</span> min restantes · Zona azul</small></span><button type="button" class="ad">+30 min</button></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
Las apps de aparcamiento avisan del tiempo que se acaba con texto plano, pero todo el mundo entiende una aguja de parquímetro en rojo. Este toast dibuja la cabeza cromada de un parquímetro con ventana abombada, un arco verde, ámbar y rojo hecho con un degradado cónico y una aguja que gira con una curva elástica. Cada pulsación en el botón la devuelve atrás.
El color principal es la placa P y el botón, y el secundario la zona roja y el aviso de poco tiempo. Relaciona minutos y ángulos en la pequeña función set, limita la estancia máxima y el botón se desactiva solo cuando el parquímetro está lleno.