Botones, vínculos y controles


Tipos de botón

La forma en que los botones están estilo ayuda a comunicar el tipo de acción que desencadenan. Mantenemos una amplia gama de botones que tienen formato para mostrar distintos niveles de énfasis.

Los botones pueden tener texto, un icono o una combinación de texto y un icono. Para comunicar distintos niveles de una jerarquía, se diseñaron botones principales y secundarios dentro de cada categoría.

Sistema de diseño de Fluent

La interfaz de usuario de Fluent proporciona orientación para los Estados de los componentes Web y de escritorio, el estilo y la accesibilidad. Los botones de la plataforma Teams se pueden formatear para mostrar distintos niveles de énfasis. Consulte colores de botones de interfaz de usuario fluida para los valores de color HTML y CSS hexadecimales.

Botones de texto

En los cuadros de diálogo, debe alinear los botones a la derecha, empezando por la acción primaria más a la derecha. En las tarjetas, los botones están alineados a la izquierda.

Estilos de botón en Microsoft Teams

Cliente de escritorio

Cliente móvil

Botones de diálogo

Estados de botones de tarjetas

Botones de tarjetas

Botones de icono

Los botones de icono pueden invocar una acción y también pueden activarse o desactivarse.

En algunos casos, puede emparejar un icono y texto para aumentar el énfasis.

Botones varios

Clientes de escritorio

Botones radiales, casillas de verificación y modificadores de alternancia.

Clientes móviles

Botones radiales, casillas de verificación y modificadores de alternancia.


Estos son los estilos aprobados para los vínculos de texto en línea.


Style

Tamaño y relleno

Los botones, iconos y controles de texto están incluidos en un contenedor 32 alto para garantizar que todos los controles estén alineados visualmente y sean coherentes.

Esquinas redondeadas

Los botones de texto tienen un radio de esquina de 3PX.

Texto del botón

Use mayúsculas y minúsculas en el texto de los botones para ayudar con la localización y la legibilidad. (En otras palabras, sólo pone en mayúscula la primera letra de la primera palabra de una frase o frase).