Botones
Los botones permiten a los usuarios realizar acciones con un solo clic. Deben ser indicaciones claras de que desencadenan una acción, los botones deben ser fáciles de identificar y deben poder hacer clic o comprender claramente cuál es su estado en este momento.
Uso de botones
1. Los botones deben indicar que pueden desencadenar una acción.
2. Los botones deben ser fáciles de encontrar entre otros elementos, incluidos otros botones.
3. La acción y el estado del botón deben ser claros.
Fisionomía
Los botones tienen una tipografía Poppins Regular de tamaño de 15px. Un relleno de 8px por arriba y abajo en formas iguales y de 24px a cada lado. Los bordes son de 2px de grosor y son completamente rebordeados.
Tipos de botones
Puede haber más de un botón en la pantalla o una función al mismo tiempo, pero para crear la jerarquía de acciones necesitamos usar tipos de botones entendiendo qué es más importante y qué es menos.
Primario
Su uso es para identificar acciones de alta importancia como guardar cambios, publicar o actualizar por ejemplo.
Secundario
Su uso es para identificar acciones de importancia secundaria como borrar, mover a la papelera, mostrar contraseñas, etc.
Terciario
Su uso es para identificar acciones uso común y no tienen alta importancia como Elegir archivo, exportar datos, editar imagen, por ejemplo.