1 / 2
Imprimir
Enviando a la impresora…
Vista previa de impresión
Un diálogo de imprimir con la hoja en miniatura que cambia de tamaño, orientación, márgenes y color mientras ajustas las opciones.
Ajustes
Código
<div class="uvq13-prt"><div class="pg" aria-hidden="true"><i class="h"></i><i></i><i></i><i></i><i></i><i class="s"></i></div><button type="button" class="fire" aria-haspopup="dialog"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 9V3.5h10V9M7 17H4.5V9h15v8H17M7 14h10v6.5H7z"/></svg><span>Imprimir</span></button><div class="scr"></div><div class="dl" role="dialog" aria-modal="true" aria-labelledby="uvq13-prt-t" tabindex="-1"><div class="pv"><div class="sheet"><div class="pc"><i class="h"></i><i></i><i></i><i class="s"></i><i class="im"></i><i></i><i></i><i class="s"></i></div><span class="mg" aria-hidden="true"></span></div><p class="pgn"><button type="button" class="pp" aria-label="Página anterior">‹</button><span><b class="cur">1</b> / <b class="tot">2</b></span><button type="button" class="np" aria-label="Página siguiente">›</button></p></div><div class="op"><p class="ti" id="uvq13-prt-t">Imprimir</p><div class="f"><span class="lb" id="uvq13-prt-s">Papel</span><div class="seg" role="radiogroup" aria-labelledby="uvq13-prt-s"><button type="button" role="radio" aria-checked="true" data-v="a4">A4</button><button type="button" role="radio" aria-checked="false" data-v="lt">Carta</button></div></div><div class="f"><span class="lb" id="uvq13-prt-o">Orientación</span><div class="seg or" role="radiogroup" aria-labelledby="uvq13-prt-o"><button type="button" role="radio" aria-checked="true" data-v="p" aria-label="Vertical"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="6.5" y="3.5" width="11" height="17" rx="1.5"/></svg></button><button type="button" role="radio" aria-checked="false" data-v="l" aria-label="Horizontal"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3.5" y="6.5" width="17" height="11" rx="1.5"/></svg></button></div></div><div class="f fm"><label class="lb" for="uvq13-prt-m">Márgenes</label><output>15 mm</output><input id="uvq13-prt-m" type="range" min="0" max="30" step="5"></div><button type="button" class="f tg" role="switch" aria-checked="true"><span class="lb">Color</span><i></i></button><div class="f"><span class="lb">Copias</span><span class="stp"><button type="button" class="dn" aria-label="Menos copias">−</button><output class="cp">1</output><button type="button" class="up" aria-label="Más copias">+</button></span></div><div class="ac"><button type="button" class="cn">Cancelar</button><button type="button" class="ok">Imprimir</button></div><p class="pr" aria-live="polite"><span>Enviando a la impresora…</span><i><b></b></i></p></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 Overlays
Ver todos: OverlaysDónde usarlo
Los diálogos de impresión suelen ser un muro de opciones, y este enseña el resultado junto a cada una. La hoja en miniatura pasa de A4 a Carta y de vertical a horizontal, las guías discontinuas siguen al deslizador de márgenes, el color vuelve gris la página y las copias se apilan detrás. Encaja en facturas, informes, entradas y pantallas de exportación.
El color principal marca el texto de la hoja y el secundario los acentos, las guías y el botón de imprimir. Conecta las opciones con tu hoja de estilos de impresión o con la exportación a PDF, y todos los controles funcionan con teclado y lectores de pantalla.