How to use the react-bootstrap.Button function in react-bootstrap

To help you get started, we’ve selected a few react-bootstrap examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github promethe42 / cocorico / app / src / script / component / SVGDownloadButton.jsx View on Github external
var React = require('react');
var ReactIntl = require('react-intl');
var ReactBootstrap = require('react-bootstrap');

var Icon = require('./Icon');

var Button = ReactBootstrap.Button;

var SVGDownloadButton = React.createClass({

  mixins: [
    ReactIntl.IntlMixin,
  ],

  getDefaultProps: function() {
    return {
      className: 'btn btn-primary',
      onClick: (e) => null,
    };
  },

  onClick: function(e) {
    // IE workaround for not supporting the download anchor attribute
github bookbrainz / bookbrainz-site / src / client / components / forms / achievementAdmin.jsx View on Github external
const React = require('react');
const Input = require('react-bootstrap').Input;
const Button = require('react-bootstrap').Button;
const Select = require('../input/select2.jsx');
const request = require('superagent-bluebird-promise');

module.exports = React.createClass({
	displayName: 'AchievementAdminForm',
	handleSubmit(event) {
		'use strict';
		event.preventDefault();
		const data = {
			editor: this.editor.getValue(),
			achievement: this.achievement.getValue(),
			title: this.title.getValue()
		};
		console.log(data);
		this.setState({waiting: true});
github lemonCMS / redux-form-generator / lib / types / plupload.js View on Github external
var delCol = function delCol(key) {
        if (staticForm === false) {
          return _react3.default.createElement(
            'td',
            null,
            _react3.default.createElement(
              _reactBootstrap.Button,
              { onClick: function onClick() {
                  fileDelete(key);
                } },
              _react3.default.createElement('i', { className: 'fa fa-trash-o' })
            )
          );
        }
      };
github Tschaul / twister-react / jsx / profile / EditAvatarModalButton.js View on Github external
var ReactBootstrap = require('react-bootstrap')
  , Button = ReactBootstrap.Button
  , ButtonGroup = ReactBootstrap.ButtonGroup
  , Glyphicon = ReactBootstrap.Glyphicon
  , Modal = ReactBootstrap.Modal
  , Input = ReactBootstrap.Input

var React = require('react');

var SafeStateChangeMixin = require('../common/SafeStateChangeMixin.js');
var SetIntervalMixin = require("../common/SetIntervalMixin.js");

module.exports = EditAvatarModalButton = React.createClass({
  getInitialState: function () {
    return {
      isModalOpen: false,
      avatar: this.props.avatar
    };
github promethe42 / cocorico / app / src / script / page / VotePage.jsx View on Github external
var VoteStore = require('../store/VoteStore');

var VoteAction = require('../action/VoteAction');

var Icon = require('../component/Icon'),
  RedirectLink = require('../component/RedirectLink'),
  SourceTab = require('../component/SourceTab'),
  Icon = require('../component/Icon'),
  VoteWidget = require('../component/VoteWidget');

var ProxyMixin = require('../mixin/ProxyMixin');

var Grid = ReactBootstrap.Grid,
  Row = ReactBootstrap.Row,
  Col = ReactBootstrap.Col,
  Button = ReactBootstrap.Button;

var VotePage = React.createClass({

  mixins: [
    ReactIntl.IntlMixin,
    ProxyMixin,
    Reflux.connect(VoteStore, 'votes'),
  ],

  componentWillUnmount: function() {
  },

  componentWillMount: function() {
    VoteAction.showPage(this.props.params.slug);
  },
github ukrbublik / react-awesome-query-builder / build / npm / lib / components / Rule.js View on Github external
value: function render() {
            var short_field;
            if (this.state.curField.lastIndexOf(this.props.fieldSeparator) >= 0) {
                short_field = this.state.curField.substring(this.state.curField.lastIndexOf(this.props.fieldSeparator) + this.props.fieldSeparator.length);
            } else {
                short_field = this.state.curField;
            }
            var toggle = _react2.default.createElement(
                _reactBootstrap.Button,
                { bsStyle: 'primary', onClick: this.toggle.bind(this) },
                short_field,
                ' ',
                _react2.default.createElement('span', { className: 'caret' })
            );
            if (this.state.curField != short_field) {
                RegExp.quote = function (str) {
                    return str.replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
                };
                toggle = _react2.default.createElement(
                    _reactBootstrap.OverlayTrigger,
                    { placement: 'top',
                        overlay: _react2.default.createElement(
                            _reactBootstrap.Tooltip,
                            { id: 'Field' },
                            _react2.default.createElement(
github walkdoer / Life-Time-Tracker / pages / Settings.js View on Github external
var React = require('react');
var RB = require('react-bootstrap');
var Button = RB.Button;
var ButtonToolbar = RB.ButtonToolbar;
var ButtonGroup = RB.ButtonGroup;
var Input = RB.Input;
var Grid = RB.Grid;
var Row = RB.Row;
var Col = RB.Col;
var TabbedArea = RB.TabbedArea;
var TabPane = RB.TabPane;
var store = require('store2');
var numeral = require('numeral');
var _ = require('lodash');
var TrackerHelper = require('tracker/helper');
window.tinycolor = require('tinyColor');
require('colorPicker');
var extend = require('extend');
github boostorg / build / server / client / index.js View on Github external
var React = require('react');
var Bootstrap = require('react-bootstrap');
var Backbone = require('backbone');
var Button = Bootstrap.Button;
var Modal = Bootstrap.Modal;


var DropdownStateMixin = require('react-bootstrap/DropdownStateMixin')

var Progress = require('react-progressbar');

var _ = require('underscore');

var Toolbar = React.createClass({

    handleBuild: function() {
        this.props.onBuild(false);
    },

    handleCleanBuild: function() {
github reactbits / confirm / lib / index.js View on Github external
value: function render() {
      var body = this.props.description ? _react.default.createElement(_reactBootstrap.Modal.Body, null, _react.default.createElement("p", null, this.props.description)) : null;

      var cancelButton = _react.default.createElement(_reactBootstrap.Button, {
        onClick: this.cancel
      }, this.props.abortLabel);

      var okButton = _react.default.createElement(_reactBootstrap.Button, {
        bsStyle: "primary",
        onClick: this.done
      }, this.props.confirmLabel);

      return _react.default.createElement(_reactBootstrap.Modal, {
        show: this.state.show
      }, _react.default.createElement(_reactBootstrap.Modal.Header, null, _react.default.createElement(_reactBootstrap.Modal.Title, null, this.props.message)), body, _react.default.createElement(_reactBootstrap.Modal.Footer, null, _react.default.createElement("div", {
        className: "text-right"
      }, okButton, "\xA0", cancelButton)));
    }
  }]);
github Tschaul / twister-react / js / Timeline.js View on Github external
var Postboard = require("./Postboard.js");
var Timeline = require("./Timeline.js");
var SetIntervalMixin = require("./SetIntervalMixin.js");
var StreamMixin = require("./StreamMixin.js");
var SafeStateChangeMixin = require('./SafeStateChangeMixin.js');
var EventListenerMixin = require('./EventListenerMixin.js');


var ReactBootstrap = require('react-bootstrap')
  , NavItem = ReactBootstrap.NavItem
  , Nav = ReactBootstrap.Nav
  , ListGroup = ReactBootstrap.ListGroup
  , ListGroupItem = ReactBootstrap.ListGroupItem
  , Panel = ReactBootstrap.Panel
  , Glyphicon = ReactBootstrap.Glyphicon
  , Button = ReactBootstrap.Button

module.exports = Home = React.createClass({displayName: "Home",
    
  mixins:[
    StreamMixin,
    SetIntervalMixin,
    SafeStateChangeMixin,
    EventListenerMixin('scrolledtobottom'),
    EventListenerMixin('newpostbyuser')
  ],
  contextTypes: {
    router: React.PropTypes.func
  },
  getInitialState: function() {
    return {
      username: (this.context.router.getCurrentParams().username ? this.context.router.getCurrentParams().username : this.props.activeAccount),