Botões

Graphite Slab CTA

Um botão de laje escura de largura fixa com uma rampa sutil de grafite que se eleva ao pairar e carrega uma linha de destaque fina ao longo de sua borda inferior.

Como usar Graphite Slab CTA

Um botão de laje escura de largura fixa com uma rampa sutil de grafite que se eleva ao pairar e carrega uma linha de destaque fina ao longo de sua borda inferior.

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, width, lift, radius, showRule

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

Charge Up Action Button

2314Charge Up Action ButtonBotõesUma pílula de carvão que se ilumina em uma tonalidade gradiente saturada ao pairar, levantando-se da superfície enquanto sua marca gira e brilha.

Rim to fill gradient button

2635Rim to fill gradient buttonBotõesUm botão escuro mostra apenas uma borda fina de gradiente em repouso; pairar derruba o painel interno para que o gradiente inunde todo o rosto e pressionar o comprime para baixo.

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.

Contrast Boost Frame Button

2659Contrast Boost Frame ButtonBotõesUma placa interna pálida flutua dentro de uma moldura espessa pintada, e pairar torna tudo mais brilhante e mais saturado sem mover nada.

Count Sweep CTA

2711Count Sweep CTABotõesUm apelo à ação escuro e compacto com uma marca inicial, um divisor e uma contagem ao vivo, atravessada por uma faixa de luz diagonal lenta ao pairar.

Disc to Pill CTA

2622Disc to Pill CTABotõesUm pequeno disco preenchido ao lado de um rótulo em letras maiúsculas se transforma em um comprimido completo ao passar o mouse ou focar, revelando o texto e carregando a seta junto.