Capas superpuestas

Anchored detail popover

Un botón disparador que abre un pequeño panel anclado que contiene un formulario de configuración titulado, que crece desde el borde del disparador y se cierra con Escape o un clic externo.

Canvas

Hero panel

The selected frame on this board.

320 × 180

Click Details to reposition the panel, or press Escape to close it.

Cómo usar Anchored detail popover

Un botón disparador que abre un pequeño panel anclado que contiene un formulario de configuración titulado, que crece desde el borde del disparador y se cierra con Escape o un clic externo.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: side, align, offset, width, accent

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

La vista previa y la descripción son públicas. Inicia sesión con una cuenta autorizada para abrir el código, las versiones y el panel de instalación.

Conecta tu agente

Relacionados

1913Anchored settings popoverCapas superpuestasUn botón que abre un pequeño panel de configuración anclado a su lado, que crece desde la esquina más cercana a su gatillo y voltea los lados cuando se acaba el espacio.

2145Edge aware popoverCapas superpuestasUn popover que surge de su gatillo y se voltea o se desplaza hacia el lado opuesto cuando el lado que usted solicitó pasa por el borde del marco y permanece pegado mientras las cosas se desplazan.

2146Edge-slide panelCapas superpuestasUn panel de configuración que aparece al ras del borde de la pantalla mientras la página detrás de él se oscurece y se vuelve borrosa.

1911Anchored info popoverCapas superpuestasUn botón disparador que abre un pequeño panel de información flotante anclado a uno de sus bordes, desvaneciéndose y escalando desde ese borde y descartándose con un clic externo o Escape.

1912Anchored popover cardCapas superpuestasUn botón disparador que abre una pequeña tarjeta de configuración anclada a sí misma, que se amplía desde el borde del que crece y se cierra con un segundo clic, Escape o una pulsación exterior.

2119Centered modal frameCapas superpuestasUn modal sencillo y centrado que se desvanece y escala sobre un fondo atenuado, con encabezado, cuerpo y pie de página, para formas y confirmaciones cotidianas.