Se genera a partir del título
URL con slug automático
Escribe un título y la dirección se genera sola: en minúsculas, sin acentos y con guiones entre palabras.
Ajustes
Código
<div class="uv-isl"><label for="uv-isl-t">Título del artículo</label><div class="fd"><input id="uv-isl-t" placeholder="Cómo diseñar botones en 2026"></div><label for="uv-isl-s" class="l2">Dirección</label><div class="fd sl"><span class="px">aimran.es/blog/</span><input id="uv-isl-s" spellcheck="false" readonly><button type="button" class="lk" aria-pressed="false" aria-label="Editar a mano"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="11" width="14" height="9" rx="2"/><path class="sh" d="M8 11V8a4 4 0 0 1 8 0v3"/></svg></button></div><p class="ht">Se genera a partir del título</p></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 Inputs
Ver todos: InputsDónde usarlo
Blogs, tiendas y paneles de gestión de contenidos crean una URL con cada título, y verla en vivo evita enlaces feos o rotos. Al escribir el título, el campo de slug de abajo se actualiza con un pequeño destello, quita acentos y símbolos y une las palabras con guiones tras un prefijo de dominio fijo. Un candado permite desbloquearlo y editarlo a mano.
Las ediciones manuales también se limpian al escribir, así que el slug siempre es válido. Cambia el prefijo por tu dominio y limita la longitud en el script si tu plataforma pide direcciones más cortas.