Sobreposições

Link preview card

Um pequeno painel de visualização que aparece próximo a um link ou nome de usuário após uma breve passagem do mouse, mostrando um resumo do que está por trás dele sem exigir um clique.

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.

Como usar Link preview card

Um pequeno painel de visualização que aparece próximo a um link ou nome de usuário após uma breve passagem do mouse, mostrando um resumo do que está por trás dele sem exigir um clique.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: openDelay, closeDelay, side

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

2380Link Preview CardSobreposiçõesUm cartão de visualização avançado que desaparece e desliza de qualquer lado em que é aberto ao passar o mouse sobre um nome vinculado, com um breve atraso para evitar oscilações.

2296Account Menu FlyoutSobreposiçõesUm botão de resumo do perfil que abre um menu de conta com linhas rotuladas, com uma pequena linha curva indicadora que se endireita quando o menu é aberto.

2295Account Dropdown MenuSobreposiçõesUm gatilho de avatar que abre um menu de conta agrupado com dicas de atalho de teclado, um submenu de tema e uma linha de saída destrutiva com estilo diferente do resto.

1910Anchored detail popoverSobreposiçõesUm botão de gatilho que abre um pequeno painel ancorado contendo um formulário de configurações intitulado, saindo da borda do gatilho e fechando em Escape ou em um clique externo.

1911Anchored info popoverSobreposiçõesUm botão de disparo que abre um pequeno painel de informações flutuante ancorado em uma de suas bordas, desaparecendo e aumentando a partir dessa borda e sendo descartado ao clicar externamente ou Escape.

1912Anchored popover cardSobreposiçõesUm botão de gatilho que abre um pequeno cartão de configurações ancorado em si mesmo, aumentando a partir da borda de onde cresce e fechando com um segundo clique, Escape ou um toque externo.