Semantic UI es un marco de código abierto que utiliza CSS y jQuery para crear excelentes interfaces de usuario. Es lo mismo que un bootstrap para usar y tiene grandes elementos diferentes para usar para hacer que su sitio web se vea más increíble.
El botón de interfaz de usuario semántica ofrece varios tipos de componentes de microbotones como tipos, grupos, contenido, estados, variaciones y variaciones de grupo. Las diferentes variaciones de botones son botones sociales, de diferentes tamaños, flotantes, de colores, compactos, de alternancia, positivos, negativos, fluidos, circulares, verticales y horizontales.
En este artículo, aprenderemos sobre la variación negativa de los botones. Un color de botón negativo siempre será rojo. El botón negativo proporciona una pista sobre una consecuencia negativa.
Clase de variaciones negativas del botón de la interfaz de usuario semántica:
- negativo: esta clase se utiliza para crear un botón negativo.
Sintaxis:
<button class="negative ui button"> ... </button>
Ejemplo: El siguiente ejemplo ilustra la variación negativa del botón de IU semántica.
HTML
<!DOCTYPE html> <html> <head> <title>Semantic UI</title> <link href= "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet" /> </head> <body> <center> <h1 style="color:green">GeeksforGeeks</h1> <strong>Semantic UI Button Negative Variations</strong> <br><br> <strong>Negative Button:</strong> <button class="negative ui blue button"> Go to Cart </button> <button class="negative ui green button"> Place Order </button> <br><br> <strong>Negative Icon Button:</strong> <button class="negative ui icon basic button"> <i class="icon fire"></i> </button> <button class="negative ui icon basic button"> <i class="icon bolt"></i> </button> </center> </body> </html>
Producción:
Variaciones negativas del botón de interfaz de usuario semántica
Referencia: https://semantic-ui.com/elements/button.html#negative
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA