Spectre Button Group Last Updated : 07 Feb, 2023 Comments Improve Suggest changes Like Article Like Report In this article, we will know Spectre Button Group, its various available classes & will understand it through the examples. The Button is an important feature of any website or in any app. Sometimes you will need to categorize the buttons. The Spectre Button group class is used to set the category of the button. Button Group Class: btn-group: If you want to place the buttons as a group without any margin then you can use this class.btn-group-block: If you want to place the buttons as a group with any margin then you can use this class.The below example illustrates the Button Groups in Spectre. Example: In this example, we will see the different groups of buttons. 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 Groups Class</strong> <br> <div class="btn-group"> <button class="btn btn-primary"> Primary Button </button> <button class="btn btn-success"> Success Button </button> <button class="btn btn-error"> Error Button </button> </div> <br><br> <div class="btn-group-block"> <button class="btn btn-primary"> Primary Button </button> <button class="btn btn-success"> Success Button </button> <button class="btn btn-error"> Error Button </button> </div> <br><br> <div class="btn-group btn-group-block"> <button class="btn btn-primary"> Primary Button </button> <button class="btn btn-success"> Success Button </button> <button class="btn btn-error"> Error Button </button> </div> </center> </body> </html> Output: Spectre Button Group Class Reference: https://picturepan2.github.io/spectre/elements/buttons.html#buttons-groups Comment More infoAdvertise with us Next Article Spectre Button Group S skyridetim Follow Improve Article Tags : Web Technologies CSS CSS-Questions Spectre Similar Reads 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 But 2 min read Spectre Button colors 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 gree 1 min read React Suite Button group React Suite is a front-end library that consists of a set of React components that makes it easier for developers to build beautiful and responsive websites faster. In this article, we will be discussing React Suite Button group. The ButtonGroup component is used to group the buttons together in a g 3 min read Spectre Button Size The button is an important feature of any website or in any app. The Spectre Button size class is used to define the size of the button. Button Size Class: btn-lg: This class is used to set the button size into large.btn-sm: This class is used to set the button size into small. Note: You could use t 2 min read Pure CSS Button Groups Buttons are one of the most common UI elements. To create buttons group use "pure-button-group" class and add the buttons as number as you want with the help of "pure-button" class. You can also make the button active by using "pure-button-active" class. Pure CSS Button Groups Classes: pure-button-g 1 min read Like