VOOZH about

URL: https://www.geeksforgeeks.org/css/spectre-button-colors/

⇱ Spectre Button colors - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

Spectre Button colors

Last Updated : 23 Jul, 2025

The button is an important feature of any website or in any app. The Spectre Button color class is used to define the color of the button.

Button Color Class:

  • btn-primary: This class is used to set the color of the button as blue.
  • btn-success: This class is used to set the color of the button as green.
  • btn-error: This class is used to set the color of the button as red.

Note: If you need more button colors, please use button mixins to create your own button color variants.

Example: Below example illustrate the Button Color in Spectre.

Output:

👁 Image

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

Comment
Article Tags: