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 variaciones de Button tienen diferentes tipos de botones, como Social, Diferente tamaño, Flotante, Coloreado, Compacto, Alternar, Positivo, Negativo, Fluido, Circular, Botones adjuntos vertical y horizontalmente. En este artículo aprenderemos sobre la
Variaciones de botones de interfaz de usuario semántica Clase de botones compactos:
- compacto: esta clase se utiliza para hacer que el botón sea compacto.
Sintaxis:
<button class="compact ui button"> ... </button>
El siguiente ejemplo ilustra los botones compactos de variaciones de botón de interfaz de usuario semántica:
Ejemplo:
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>GeeksforGeeks</h1> <strong>Semantic UI Button Variations Compact Buttons</strong> <br><br> <strong>Compact Buttons:</strong> <button class="ui compact blue button"> Sell </button> <button class="ui compact green button"> Buy </button> <br><br> <strong>Compact labeled icon Buttons:</strong> <button class="ui compact labeled icon button"> <i class="play icon"></i> Pause </button> <button class="ui compact labeled icon button"> <i class="pause icon"></i> Pause </button> </center> </body> </html>
Producción:
Botones compactos de variaciones de interfaz de usuario semántica
Referencia: https://semantic-ui.com/elements/button.html#compact
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA