Sobreposições

Anchored popover card

Um 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.

Saved view

Sprint board

Four columns, shared with the team.

Backlog9In progress4Review2Done21

Click the trigger again, press Escape, or click outside to close it.

Como usar Anchored popover card

Um 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.

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: anchor, gap, accent, triggerLabel

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

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.

1913Anchored settings popoverSobreposiçõesUm botão que abre um pequeno painel de configurações ancorado ao lado dele, crescendo a partir do canto mais próximo do gatilho e virando para os lados quando o espaço acaba.

2161Grouped filter popoverSobreposiçõesUma fileira de pequenos botões de filtro onde a abertura do painel de um botão fecha automaticamente qualquer outro painel já aberto na mesma linha, cada painel crescendo a partir da borda de onde foi acionado.

2207Pop scale panelSobreposiçõesUm popover que abre pela metade, aponta uma pequena seta para o gatilho, escurece a página atrás dele e fecha com Escape ou um clique externo.

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.

2300App folder expandSobreposiçõesUm bloco de pasta no estilo da tela inicial, cujos pequenos ícones de aplicativos crescem em um painel completo, cada ícone viajando de sua miniatura para seu ponto grande.