¿Qué son los botones de IU semántica?
Un botón indica una posible acción del usuario. La interfaz de usuario semántica proporciona una sintaxis fácil de usar que simplifica no solo el estilo de un botón, sino también la semántica del lenguaje natural.
Como usarlos
La clase de IU semántica simplemente se agrega a un elemento de botón. A continuación se ofrecen varios ejemplos para indicar cómo utilizarlo.
Tipos
- Botón estándar
Botón de interfaz de usuario semántica estándar
Standard Button- Botón de énfasis
Un botón con un nivel de énfasis diferente
Otras clases de énfasis son secondary, positiveynegative
- Botón animado
Un botón con animación que muestra contenidos ocultos.
Sign-up for a Pro account $12.99 a month La propiedad tabindex="0"anterior hace que el teclado de botones se pueda enfocar, ya que la etiqueta no se usó.
- Botón etiquetado
Un botón junto a una etiqueta
Like 2,048 el elemento se usa para especificar un ícono, aquí es un ícono de corazón junto a la etiqueta básica2,048
- Botón de icono
Un botón de IU semántica puede ser solo un icono
Lo anterior es solo un icono de cámara
Grupos
Los botones de IU semántica pueden existir en un grupo
One Two Three Contenido
Los botones de IU semántica pueden contener condicionales
Yes No Estados
Botones de la interfaz de usuario semánticas pueden existir en diferentes estados, active, disabled, loading. Simplemente agregue un nombre de estado al classatributo of`elemento.
LoadingVariaciones
Existen botones de la interfaz de usuario semánticas en variedad de tamaños, mini, tiny, small, medium, large, big, huge, y massive.
Massive ButtonHay mucho más sobre los botones de IU semántica; visite el enlace proporcionado en la sección Más información para obtener más información.
Más información:
- Documentos de botones de IU semántica