Botões

Edge Collapse Button

Um botão plano com uma borda grossa e colorida ao longo da borda inferior que se dobra até a linha do cabelo quando o botão cai sobre ele.

Como usar Edge Collapse Button

Um botão plano com uma borda grossa e colorida ao longo da borda inferior que se dobra até a linha do cabelo quando o botão cai sobre ele.

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: label, accent, lip, snapMs

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

2765Embossed press buttonBotõesUm botão sólido e arredondado que parece uma tecla física elevada em repouso e muda para uma aparência recuada pressed-into-the-surface ao passar o mouse, focar e pressionar.

2371Inset Edge PillBotõesUma pílula clara com um anel fino em toda a volta e uma borda mais grossa apenas na parte inferior, por isso parece uma chave física que se enche de cor ao passar o mouse.

2574Arcade dome buttonBotõesUm botão redondo cuja tampa em forma de cúpula flutua acima de uma base mais escura e fica nivelada com uma queda visível quando pressionada.

2708Bevel press pillBotõesUma pílula escura chanfrada com um chip redondo recuado na extremidade que afunda na superfície quando pressionada.

2641Border brighten buttonBotõesUm botão escuro cujo quadro de dois pixels é a única parte móvel: ele sobe para branco ao passar o mouse e se transforma em um anel interno apertado enquanto o botão é pressionado.

2583Capsule in frame buttonBotõesUma bandeja externa com borda contendo uma cápsula interna flutuante que afunda na estrutura no comprimento de uma prensa.