Botões

Joined action bar

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

3 selected

3 messages selected

Como usar Joined action bar

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

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, segments, size, showTextSegment, 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, a instalação e o painel de propriedades estão incluídos no Fieldbook Pro. A prévia interativa está aberta para todos.

Conecte seu agente

Componentes relacionados

2175Joined Button GroupBotõesUma 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.

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.

2698Icon swell tooltipBotõesUm botão de ícone sem cromo cujo glifo aumenta e muda de cor ao passar o mouse enquanto um chip de etiqueta se desenrola acima dele a partir da borda esquerda.