El botón es una característica importante de cualquier sitio web o en cualquier aplicación. La clase de estado Spectre Button se utiliza para definir los estados del botón.
Clase de estados de botón:
- activo: esta clase se usa para mostrar que el botón está activo, que es el valor predeterminado.
- disabled: esta clase se usa para mostrar que el botón está deshabilitado.
- cargando: esta clase se usa para mostrar que el botón se está cargando.
Ejemplo: El siguiente ejemplo ilustra los estados de los botones en Spectre.
HTML
<!DOCTYPE html> <html> <head> <title>SPECTRE CSS Buttons Class</title> <link rel="stylesheet" href= "https://unpkg.com/spectre.css/dist/spectre.min.css"> <link rel="stylesheet" href= "https://unpkg.com/spectre.css/dist/spectre-exp.min.css"> <link rel="stylesheet" href= "https://unpkg.com/spectre.css/dist/spectre-icons.min.css"> </head> <body> <center> <h1>GeeksforGeeks</h1> <strong>SPECTRE Button States Class</strong> <br> <button class="btn btn-primary active"> Active Button </button> <button class="btn btn-success disabled"> Disable Button </button> <button class="btn btn-error loading"> Loading Button </button> </center> </body> </html>
Producción:
Referencia: https://picturepan2.github.io/spectre/elements/buttons.html#buttons-states
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA