Spectre Button

The button is an important feature of any website or in any app. There are a few particular things that we all should care about buttons like color, size and etc. In spectre we have some specific classes for individual things on buttons. All the classes are mentioned and described below:

Spectre Button:

• Spectre Button Size: The Spectre Button size class is used to define the size of the button.
• Spectre Button colors: The Spectre Button color class is used to define the color of the button.
• Spectre Button States: The Spectre Button state class is used to define the states of the button.
• Spectre Button Group: The Spectre Button group class is used to set the category of the button.

Syntax:

<button class="btn">
 Button
</button>

Below examples illustrate the concept of the Spectre Button:

Example 1: In this example, we will create different kinds of buttons like normal buttons, linked buttons, etc.

Output:

👁 Spectre Button

Example 2: In this example, we will use other classes to design and decorate the buttons as we want.

Output:

👁 Spectre Button

Reference: https://picturepan2.github.io/spectre/elements/buttons.html