Estados del botón Spectre

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *