Capas superpuestas

Link preview card

Un pequeño panel de vista previa que aparece cerca de un enlace o nombre de usuario después de un breve desplazamiento y muestra un resumen de lo que hay detrás sin necesidad de hacer clic.

Field notes - Sep 3

Pantry sensor build wrapped

Wrote up the full build in the pantry sensor write-upWiring the pantry sensor. fieldnotes.log. A walkthrough of the humidity sensor build, from breadboard to a mount that survives a slammed door., and PriyaPriya Shenoy. Reviewed the wiring. Caught a grounding issue before it reached the board. Owes her a coffee for that one. gets credit for catching the mistake before it shipped.

Hover or focus either name for the full picture.

Cómo usar Link preview card

Un pequeño panel de vista previa que aparece cerca de un enlace o nombre de usuario después de un breve desplazamiento y muestra un resumen de lo que hay detrás sin necesidad de hacer clic.

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: openDelay, closeDelay, side

¿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?

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

Conecta tu agente

Relacionados

2380Link Preview CardCapas superpuestasUna tarjeta de vista previa enriquecida que se desvanece y se desliza desde cualquier lado en el que se abra al pasar el cursor sobre un nombre vinculado, con un breve retraso para evitar el parpadeo.

2296Account Menu FlyoutCapas superpuestasUn botón de resumen de perfil que se abre en un menú de cuenta de filas etiquetadas, con una pequeña línea indicadora curva que se endereza cuando el menú está abierto.

2295Account Dropdown MenuCapas superpuestasUn disparador de avatar que abre un menú de cuenta agrupado con sugerencias de atajos de teclado, un submenú temático y una fila de cierre de sesión destructiva con un estilo aparte del resto.

1910Anchored detail popoverCapas superpuestasUn 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.

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.