How to use the reactstrap.Input function in reactstrap

To help you get started, we’ve selected a few reactstrap 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 italia / design-react-kit / dist / design-react-kit.cjs.js View on Github external
_proto.render = function render() {
    var _this$props = this.props,
        label = _this$props.label,
        rest = _objectWithoutPropertiesLoose(_this$props, ["label"]);

    return React__default.createElement("div", {
      className: "toggles"
    }, React__default.createElement(reactstrap.Label, {
      check: true
    }, label, React__default.createElement(reactstrap.Input, _extends({
      type: "checkbox"
    }, rest)), React__default.createElement("span", {
      className: "lever"
    })));
  };
github jhipster / react-jhipster / lib / src / component / metrics / threads-modal.js View on Github external
React.createElement(reactstrap_1.Badge, { pill: true }, counters.threadDumpRunnable || 0)),
                "\u00A0",
                React.createElement(reactstrap_1.Badge, { color: "info", className: "hand", onClick: this.updateBadgeFilter('WAITING') },
                    "Waiting\u00A0",
                    React.createElement(reactstrap_1.Badge, { pill: true }, counters.threadDumpWaiting || 0)),
                "\u00A0",
                React.createElement(reactstrap_1.Badge, { color: "warning", className: "hand", onClick: this.updateBadgeFilter('TIMED_WAITING') },
                    "Timed Waiting\u00A0",
                    React.createElement(reactstrap_1.Badge, { pill: true }, counters.threadDumpTimedWaiting || 0)),
                "\u00A0",
                React.createElement(reactstrap_1.Badge, { color: "danger", className: "hand", onClick: this.updateBadgeFilter('BLOCKED') },
                    "Blocked\u00A0",
                    React.createElement(reactstrap_1.Badge, { pill: true }, counters.threadDumpBlocked || 0)),
                "\u00A0",
                React.createElement("div", { className: "mt-2" }, "\u00A0"),
                React.createElement(reactstrap_1.Input, { type: "text", className: "form-control", placeholder: "Filter by Lock Name...", onChange: this.updateSearchFilter }),
                React.createElement("div", { style: { padding: '10px' } }, filteredList
                    ? filteredList.map(function (threadDumpInfo, i) { return (React.createElement("div", { key: "dump-" + i },
                        React.createElement("h6", null,
                            ' ',
                            React.createElement("span", { className: 'badge ' + _this.getBadgeClass(threadDumpInfo.threadState) }, threadDumpInfo.threadState),
                            "\u00A0",
                            threadDumpInfo.threadName,
                            " (ID ",
                            threadDumpInfo.threadId,
                            ")\u00A0"),
                        React.createElement(thread_item_1.default, { threadDumpInfo: threadDumpInfo }),
                        React.createElement(reactstrap_1.Row, null,
                            React.createElement(reactstrap_1.Table, { responsive: true },
                                React.createElement("thead", null,
                                    React.createElement("tr", null,
                                        React.createElement("th", null, "Blocked Time"),
github italia / design-react-kit / dist / design-react-kit.cjs.js View on Github external
className: "toggles"
    }, React__default.createElement(reactstrap.Label, {
      check: true
    }, label, React__default.createElement(reactstrap.Input, _extends({
      type: "checkbox"
    }, rest)), React__default.createElement("span", {
      className: "lever"
    })));
  };

  return Toggle;
}(React.Component);

Toggle.propTypes = _extends({
  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
}, reactstrap.Input.propTypes);

var propTypes$o = {
  tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
  className: PropTypes.string,
  secondary: PropTypes.bool,
  left: PropTypes.bool,
  right: PropTypes.bool,
  dark: PropTypes.bool
};
var defaultProps$n = {
  tag: 'div'
};

var Sidebar = function Sidebar(props) {
  var className = props.className,
      Tag = props.tag,