How to use the reactstrap.Card 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
'card-space': spacing,
    'card-teaser-wrapper': teaser
  });
  var cardClasses = classnames(attributes.className, {
    'card-teaser': teaser
  });

  if (noWrapper) {
    return React__default.createElement(reactstrap.Card, _extends({}, attributes, {
      className: cardClasses
    }));
  }

  return React__default.createElement("div", {
    className: wrapperClasses
  }, React__default.createElement(reactstrap.Card, _extends({}, attributes, {
    className: cardClasses
  })));
};
github italia / design-react-kit / dist / design-react-kit.cjs.js View on Github external
}

    return React__default.createElement(Tag, {
      className: wrapperClasses
    }, React__default.createElement(Tag, _extends({}, attributes, {
      className: classes
    }), "Caricamento..."));
  };

  return Spinner;
}(React__default.Component);

Spinner.propTypes = propTypes$q;
Spinner.defaultProps = defaultProps$p;

var propTypes$r = _extends({}, reactstrap.Card.propTypes, {
  teaser: PropTypes.bool,
  spacing: PropTypes.bool,
  noWrapper: PropTypes.bool,
  wrapperClassName: PropTypes.string
});

var defaultProps$q = _extends({}, reactstrap.Card.defaultProps, {
  noWrapper: false
});

var Card = function Card(_ref) {
  var teaser = _ref.teaser,
      spacing = _ref.spacing,
      noWrapper = _ref.noWrapper,
      wrapperClassName = _ref.wrapperClassName,
      attributes = _objectWithoutPropertiesLoose(_ref, ["teaser", "spacing", "noWrapper", "wrapperClassName"]);
github jhipster / react-jhipster / lib / src / component / metrics / thread-item.js View on Github external
ThreadItem.prototype.render = function () {
        var threadDumpInfo = this.props.threadDumpInfo;
        return (React.createElement("div", null,
            React.createElement("a", { onClick: this.toggleStackTrace, style: { color: 'hotpink' } }, this.state.collapse ? React.createElement("span", null, "Hide StackTrace") : React.createElement("span", null, "Show StackTrace")),
            React.createElement(reactstrap_1.Collapse, { isOpen: this.state.collapse },
                React.createElement(reactstrap_1.Card, null,
                    React.createElement(reactstrap_1.CardBody, null,
                        React.createElement(reactstrap_1.Row, { className: "break", style: { overflowX: 'scroll' } },
                            Object.entries(threadDumpInfo.stackTrace).map(function (_a) {
                                var stK = _a[0], stV = _a[1];
                                return (React.createElement("samp", { key: "detail-" + stK },
                                    stV.className,
                                    ".",
                                    stV.methodName,
                                    React.createElement("code", null,
                                        "(",
                                        stV.fileName,
                                        ":",
                                        stV.lineNumber,
                                        ")")));
                            }),
                            React.createElement("span", { className: "mt-1" })))))));