Botões

Detached Ring Pill

Uma pílula escura orbitada por um anel de contorno flutuante que se estende ainda mais e inunda a pílula com cor ao pairar.

Como usar Detached Ring Pill

Uma pílula escura orbitada por um anel de contorno flutuante que se estende ainda mais e inunda a pílula com cor ao pairar.

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, ringGap, ringWidth, growLabel

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

2588Draining fill buttonBotõesUma pílula delineada que começa totalmente inundada de cor e escorre para uma faixa fina na base ao pairar, depois é recarregada na parte inferior ao sair.

2521Ring halo pill buttonBotõesUm botão de pílula que mantém uma lacuna clara em torno de seu núcleo colorido, preenche essa lacuna com um anel de destaque iluminado ao passar o mouse ou no foco do teclado e aperta para dentro enquanto pressionado.

1848Center out fill buttonBotõesUm botão maiúsculo delineado cujo preenchimento de destaque abre a partir de uma linha fina no centro até ambas as bordas ao passar o mouse ou focar.

2538Diagonal blob flood buttonBotõesUm botão contornado inundado por uma grande bolha arredondada que desliza diagonalmente a partir do canto superior e escurece enquanto é pressionado.

2626Diagonal orb fill buttonBotõesUm círculo enorme desliza de canto a canto em um botão delineado, preenchendo-o na diagonal e escurece no instante em que você o pressiona.

2141Diagonal shutter fill buttonBotõesUm botão delineado que é preenchido quando duas lâminas inclinadas balançam de lados opostos, endireitam-se no meio do voo e se encontram no meio.