Botones

Captioned Like Button

Un botón de corazón solo con ícono que revela un título que se eleva desde abajo al pasar el cursor o al enfocar, y se llena con un rápido sobrepaso cuando se desea.

Cómo usar Captioned Like Button

Un botón de corazón solo con ícono que revela un título que se eleva desde abajo al pasar el cursor o al enfocar, y se llena con un rápido sobrepaso cuando se desea.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: accent, caption, likedCaption, size, showCount, startLiked

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

Conecta tu agente

Relacionados

2686Heartbeat like buttonBotonesUn botón redondo cuyo corazón crece al flotar con un latido constante; al hacer clic en los pestillos que le gustaron y marca la cuenta al lado.

2472Counting follow chipBotonesUn chip delineado que empareja una etiqueta con un conteo de seguidores, haciendo rodar los dígitos modificados hacia arriba a través de una ventana enmascarada cuando se cierra y hacia abajo cuando se suelta.

2697Download tooltip buttonBotonesUn botón de icono cuadrado cuya flecha de descarga se mueve hacia abajo y toma el color de acento mientras se despliega un título del tamaño de un archivo debajo.

2413Reversing bars menu buttonBotonesUn pequeño mosaico de menú cuadrado cuyas tres barras apiladas intercambian anchos al pasar el mouse mientras el mosaico en sí se desvanece de un color de relleno a otro.

2488Travelling knob follow buttonBotonesUna píldora delineada cuya perilla redonda rueda hasta el otro extremo al pasar el mouse, pintando una pista de acento detrás de ella y deslizando un conteo de seguidores a la vista; hacer clic mantiene el estado seguido y aumenta el recuento.

2466Add Then Confirm ChipBotonesUn chip oscuro con una etiqueta cálida cuyo signo más se balancea de lado a lado al pasar el mouse, luego gira hasta convertirse en una marca e informa el elemento agregado.