Botões

Arrow chip button

Um botão de ação arredondado com um chip de seta brilhante encaixado na extremidade direita que sai da página ao passar o mouse com uma sombra deslocada e afunda ao pressionar.

Como usar Arrow chip button

Um botão de ação arredondado com um chip de seta brilhante encaixado na extremidade direita que sai da página ao passar o mouse com uma sombra deslocada e afunda ao pressionar.

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: accent, label, radius, chipGlow, offset

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

1629Arrow wipe call to actionBotõesUma frase de chamariz cuja placa mais escura aparece da esquerda ao passar o mouse, enquanto uma seta dobrada desliza para fora para encontrar o rótulo e empurra um pixel para baixo quando clicada.

2350Expanding chip back buttonBotõesUm botão de pílula claro cujo chip de destaque se estende por toda a largura ao passar o mouse, carregando sua seta para o outro lado enquanto o rótulo permanece no lugar e é coberto.

2466Add Then Confirm ChipBotõesUm chip escuro com um rótulo quente cujo sinal de mais balança de um lado para o outro ao passar o mouse, depois gira em uma marca e informa o item adicionado.

2601Arrow relay badge pillBotõesUm botão de comprimido com um emblema redondo à esquerda cuja seta sai pelo canto superior ao passar o mouse enquanto uma nova chega por baixo e o corpo fica quase preto.

2683Arrow wipe buttonBotõesUm botão de pílula cuja placa de destaque, cortada em forma de ponta de seta, desliza da esquerda para a esquerda e inverte o rótulo letra por letra à medida que sua ponta se cruza.

2115Bookmark save chipBotõesUm chip de salvamento compacto cuja marca de marcador passa do contorno ao preenchimento e dá um pequeno puxão para baixo no momento em que um item é salvo.