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 los botones adjuntos horizontalmente.
Clase adjunta horizontal de variaciones de botones de interfaz de usuario semántica:
- adjunto a la izquierda: esta clase se utiliza para adjuntar el botón a la izquierda de otro contenido.
- adjunto a la derecha: esta clase se utiliza para adjuntar el botón a la derecha de otro contenido.
Sintaxis:
<button class="ui Horizontal-Attached-class button">Left</button>
El siguiente ejemplo ilustra las variaciones del botón:
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 Horizontally Attached</strong> <br><br> <div> <strong>Horizontally Attached:</strong> <button class="ui left attached red button"> Left Hori Attached </button> <button class="ui right attached green button"> Right Hori Attached </button> </div> </body> </html>
Producción
Variaciones de botón de interfaz de usuario semántica adjunto horizontal
Referencia: https://semantic-ui.com/elements/button.html#horizontally-attached
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA