Del curso: Vue avanzado 2

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 24.900 cursos impartidos por expertos del sector.

Tipos de botones en Vuetify

Tipos de botones en Vuetify - Tutorial de Vue.js

Del curso: Vue avanzado 2

Tipos de botones en Vuetify

Vuetify tienen varias maneras de personalizar botones, en esta lección te quiero mostrar algunos ejemplos. Aquí tenemos un botón de un formulario que puedes notar que tiene un aspecto bastante común. Este botón lo que hace es que simula el envío de los datos de este formulario. Aquí puedes notar otro botón Limpiar, que es más transparente. Ambos botones es el mismo componente, yo solo he utilizado diferentes propiedades para hacer que se vean de diferente color o, por ejemplo, en este caso para que no tenga color de fondo. El componente botón también tiene esta particularidad, que cuando yo hago clic en Enviar me muestra esta animación de carga. Esto se hace a través de una propiedad que incluye el mismo componente. Otro tipo de botón que puedes notar en esta aplicación son estos botones que ves aquí. Estos son botones de tipo ícono. Su función es solamente mostrar un ícono y no texto, como puedes ver. Otro botón que es muy usado actualmente son los botones FAB, como ves este que está…

Contenido