Botões

Uppercase action button

Um botão de ação compacto e preenchido com um rótulo rastreado em maiúsculas, cantos quadrados e foco silencioso somente de preenchimento e estados pressionados para barras de ferramentas e cabeçalhos de painel.

Como usar Uppercase action button

Um botão de ação compacto e preenchido com um rótulo rastreado em maiúsculas, cantos quadrados e foco silencioso somente de preenchimento e estados pressionados para barras de ferramentas e cabeçalhos de painel.

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, tracking, uppercase, disabled

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

Lifting share chip

2480Lifting share chipBotõesUm pequeno chip sólido com um glifo e um rótulo curto que levanta alguns pixels e suaviza ao passar o mouse, se acomoda quando pressionado e pode alternar um glifo preenchido.

Sinking lip button

2617Sinking lip buttonBotõesUma tampa robusta e arredondada em uma faixa labial mais escura que se dobra ao pressionar, de modo que a tampa afunda na base e volta ao ser liberada.

Arrow to label pill

2469Arrow to label pillBotõesUm botão redondo em forma de divisa que se estende até formar um comprimido largo ao passar o mouse, trocando a marca por uma palavra à medida que o preenchimento plano se torna uma rampa de duas paradas.

Border brighten button

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.

Border trace button

2709Border trace buttonBotõesUm botão silencioso e translúcido cujas quatro bordas se desenham em sequência ao passar o mouse enquanto uma faixa suave de luz atravessa o rosto.

Bouncing dot action button

2658Bouncing dot action buttonBotõesUm botão em tom escuro com um pequeno ponto estacionado na borda direita que salta enquanto o bloco ilumina e emite um brilho suave ao passar o mouse ou ao focar no teclado.