Botón
Un botón activa un evento o una acción y permite que los usuarios sepan qué sucederá a continuación.
Descripción general
Los botones comunican acciones que los usuarios pueden realizar. Por lo general, se ubican en toda la interfaz de usuario, en lugares como: cuadros de diálogo, formularios, barras de herramientas, etc. Los botones ayudan a los usuarios a realizar tareas o activar procesos.
Uso del componente
Usar
- Para indicar la acción principal.
- Cuando necesitas que la acción se vea lo suficientemente distinta.
- Cuando necesitas rellenar el espacio para que coincida con el resto de la interfaz de usuario.
No usar
- Si desea ofrecer una acción menos importante o ahorrar algo de espacio, utilice un enlace de botón
- Para hacer que el texto dentro de párrafos o listas sea procesable, use un enlace de texto
- Para que los usuarios puedan iniciar sesión mediante un servicio social, utilicen un Botón social
Anatomía
Mira y siente
- IconoIzquierda: Opcionalmente, admite visualmente la visibilidad de los botones.
- Etiqueta: Describe la acción principal. Funciona mejor cuando es breve. Todas las etiquetas usan mayúsculas y minúsculas.
- IconoDerecha Opcionalmente muestra la acción del botón (expandible, enlace, etc.).
