How to use the reactstrap.ModalHeader 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 dsuryd / dotNetify-Elements / DevApp / src / dotnetify-elements / bootstrap / structure / index.js View on Github external
Container: _Card,
   ImageContainer: _CardImage,
   HeaderContainer: CardHeader,
   BodyContainer: CardBody,
   FooterContainer: CardFooter
});

Object.assign(Cell.componentTypes, {
   Container: _Cell,
   HeaderContainer: CellHeader,
   BodyContainer: CellBody
});

Object.assign(Modal.componentTypes, {
   Container: styled(rs.Modal)`${props => props.theme.Modal.Container}`,
   HeaderContainer: styled(rs.ModalHeader)`${props => props.theme.Modal.HeaderContainer}`,
   BodyContainer: styled(rs.ModalBody)`${props => props.theme.Modal.BodyContainer}`,
   FooterContainer: styled(rs.ModalFooter)`${props => props.theme.Modal.FooterContainer}`
});

export { Card, CardImage, Cell, Collapsible, Field, Modal, Tab, TabItem };
github italia / design-react-kit / dist / design-react-kit.cjs.js View on Github external
get: function () {
    return reactstrap.ModalHeader;
  }
});
github jhipster / react-jhipster / lib / src / component / metrics / threads-modal.js View on Github external
ThreadsModal.prototype.render = function () {
        var _this = this;
        var _a = this.props, showModal = _a.showModal, handleClose = _a.handleClose, threadDump = _a.threadDump;
        var counters = {};
        var filteredList = null;
        if (threadDump && threadDump.threads) {
            counters = this.computeCounters();
            filteredList = this.computeFilteredList();
        }
        return (React.createElement(reactstrap_1.Modal, { isOpen: showModal, toggle: handleClose, className: "modal-lg" },
            React.createElement(reactstrap_1.ModalHeader, { toggle: handleClose }, "Threads dump"),
            React.createElement(reactstrap_1.ModalBody, null,
                React.createElement(reactstrap_1.Badge, { color: "primary", className: "hand", onClick: this.updateBadgeFilter('') },
                    "All\u00A0",
                    React.createElement(reactstrap_1.Badge, { pill: true }, counters.threadDumpAll || 0)),
                "\u00A0",
                React.createElement(reactstrap_1.Badge, { color: "success", className: "hand", onClick: this.updateBadgeFilter('RUNNABLE') },
                    "Runnable\u00A0",
                    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)),