Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Version History

« Previous Version 3 Next »

React Components

Currently, no official <Button> component is defined mattermost-webapp. Most buttons are defined using inline jsx in the render() method.

Known Class Names

Top-level class names as defined in https://github.com/mattermost/mattermost-webapp/blob/master/sass/components/_buttons.scss

  • btn

    • btn-primary

    • btn-cancel

    • btn-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>
  • No labels