Normal – comunica que el componente es interactivo y está habilitado.
Enfocar – comunica que el usuario ha resaltado un elemento, utilizando un teclado u otro método de entrada.
Colocar el cursor — Se comunica cuando un usuario ha colocado un cursor sobre un elemento interactivo.
Activo – o el estado presionado comunica que el usuario había presionado el botón.
Progreso/Cargando —Se utiliza cuando la acción no se realiza de inmediato y comunica que el componente está en proceso de completar la acción.
Desactivado – comunica que el componente actualmente no es interactivo, pero se puede habilitar en el futuro.
Los más comunes son los botones rectangulares con esquinas redondeadas, que son fácilmente identificables y quedan bien al lado del campo de entrada. Elegir el estilo correcto para el botón dependerá del propósito, la plataforma y las pautas. Estas son algunas de las variaciones de estilo más populares: