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 del grupo de botones tienen diferentes tipos de botones, como botones verticales, de icono, etiquetados, de grupo mixto, de igual ancho, de colores, básicos y de diferentes tamaños en las variaciones de grupo. En este artículo aprenderemos las variaciones del grupo de botones Botones verticales.
Variaciones del grupo de botones de interfaz de usuario semántica Clase de botones verticales:
- vertical: esta clase se utiliza para configurar el botón en modo vertical.
Sintaxis:
<div class="ui vertical buttons"> <button class="ui button">...</button> <button class="ui button">...</button> .... </div>
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 Group Variations Vertical Buttons</strong> <br><br> <div> <strong>Vertical Buttons:</strong> <div class="ui vertical buttons"> <button class="ui button">Feed</button> <button class="ui button">Messages</button> <button class="ui button">Events</button> </div> </div> </center> </body> </html>
Producción:
Botones verticales de variaciones de grupo de botones de interfaz de usuario semántica
Referencia: https://semantic-ui.com/elements/button.html#vertical-buttons
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA