Botões

Capsule in frame button

Uma bandeja externa com borda contendo uma cápsula interna flutuante que afunda na estrutura no comprimento de uma prensa.

Como usar Capsule in frame button

Uma bandeja externa com borda contendo uma cápsula interna flutuante que afunda na estrutura no comprimento de uma prensa.

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, frameGap, sinkDepth, borderWidth

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

2519Soft relief send buttonBotõesUm botão de envio moldado em uma superfície leve: uma borda de dois tons ao redor de um pad interno macio com um glifo de envio preenchido que afunda quando pressionado.

2579Breathing Inset ButtonBotõesUm botão moldado claro cujo painel interno se afasta da borda ao passar o mouse enquanto o glifo de envio desliza uma curta distância em direção ao rótulo.

2660Elevation ladder fill buttonBotõesUma cápsula que sobe três degraus de elevação entre descansar, pairar e pressionar enquanto um toque suave cruza sua face.

2717Keycap press buttonBotõesUma tecla clara com espessura real construída a partir de sombras duras empilhadas, que desce e perde altura quando pressionada.

2191Molded key send buttonBotõesUm botão de envio moldado a partir da própria página: uma concha externa elevada segurando uma pílula interna recuada com um avião de papel e uma etiqueta.

2529Nested bezel send buttonBotõesTrês molduras aninhadas formam um botão físico robusto: uma moldura externa, um poço sombreado e uma cápsula interna cujo glifo gira uma volta completa mais um quarto ao pairar.