/
Buttons
Buttons
- Brad Coughlin (Deactivated)
Owned by Brad Coughlin (Deactivated)
React Components
Currently, no official <Button> component is defined mattermost-webapp. Most buttons are defined using inline jsx in the render() method.
Button Class Names
Button styles are inherited from the Bootstrap 3.4.1 npm package as well as Jasny Boostrap 3.1.3. Top-level class names are outlined in mattermost-webapp/sass/components/_buttons.scss at master ยท mattermost/mattermost-webapp but derive from the Bootstrap 3.4.1 core CSS.
Common examples:
btnbtn-primarybtn-cancelbtn-link
Examples
Primary button inside of the <ConfirmModal> component (View code on GitHub)
<button type="button" class="btn btn-primary" id="confirmModalButton">
<span>Yes, set my status to "Online"</span>
</button>Link button inside of the <ConfirmModal> component
<button type="button" class="btn btn-link btn-cancel" id="cancelModalButton">
<span>No, keep it as "Away"</span>
</button>