Botões

Joined Button Group

Uma fileira de botões fundidos de ponta a ponta em um controle segmentado, com costuras compartilhadas que brilham entre os dois botões que você passa ou pressiona.

Como usar Joined Button Group

Uma fileira de botões fundidos de ponta a ponta em um controle segmentado, com costuras compartilhadas que brilham entre os dois botões que você passa ou pressiona.

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: orientation, buttonCount, accent

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

2225Segmented Toggle RowBotõesUma linha de botões de ícones fundidos em uma barra onde exatamente um segmento permanece pressionado, como um seletor de alinhamento.

1639Joined action barBotõesUma fileira de botões soldados em uma barra com costuras finas, arredondadas apenas nas extremidades externas, e um segmento quadrado à direita que abre um menu flutuante.

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.

2645Double bevel buttonBotõesUm botão claro que parece uma chave moldada graças a duas sombras internas opostas, uma escura por cima e outra brilhante por baixo, encontrando-se atrás de uma rampa cinza fria.

2534Elevated chip buttonBotõesUm chip arredondado claro apoiado em sombras suaves empilhadas que tingem em direção ao acento ao passar o mouse e afunda em uma sombra mais profunda com um contorno acentuado quando pressionado.

1710Icon label toolbarBotõesUma barra de ferramentas compacta de botões de ícones silenciosos, cada um desenhado em sua própria tonalidade, com um botão Voltar à frente cujo rótulo se desenrola a partir do ícone ao passar o mouse.