How to use the reactstrap.PaginationLink 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 gctools-outilsgc / aurora-website / src / components / MarkdownRenderer.js View on Github external
render() {
    const renderAst = new rehypeReact({
      createElement: React.createElement,
      components: {
        tooltipexample: TooltipExample, documentationtabs: DocumentationTabs, doctabpanel: DocumentationTabPanel, trippedtable: StrippedTable, buttondropdownopen: ButtonDropdownWrapperOpen, helmet: Helmet, togglecodeblock: ToggleCodeBlock, simplecodeblock: SimpleCodeBlock, codeblock: CodeBlock, mdbuttondropdown: ButtonDropdownWrapper, alert: reactstrap.Alert, badge: reactstrap.Badge, breadcrumb: reactstrap.Breadcrumb, breadcrumbitem: reactstrap.BreadcrumbItem, button: reactstrap.Button, buttondropdown: reactstrap.ButtonDropdown, buttongroup: reactstrap.ButtonGroup, buttontoolbar: reactstrap.ButtonToolbar, card: reactstrap.Card, cardblock: reactstrap.CardBlock, cardbody: reactstrap.CardBody, cardcolumns: reactstrap.CardColumns, carddeck: reactstrap.CardDeck, cardfooter: reactstrap.CardFooter, cardgroup: reactstrap.CardGroup, cardheader: reactstrap.CardHeader, cardimg: reactstrap.CardImg, cardimgoverlay: reactstrap.CardImgOverlay, cardlink: reactstrap.CardLink, cardsubtitle: reactstrap.CardSubtitle, cardtext: reactstrap.CardText, cardtitle: reactstrap.CardTitle, carousel: reactstrap.Carousel, carouselcaption: reactstrap.CarouselCaption, carouselcontrol: reactstrap.CarouselControl, carouselindicators: reactstrap.CarouselIndicators, carouselitem: reactstrap.CarouselItem, mdcol: reactstrap.Col, collapse: reactstrap.Collapse, container: reactstrap.Container, custominput: reactstrap.CustomInput, dropdown: reactstrap.Dropdown, dropdownitem: reactstrap.DropdownItem, dropdownmenu: reactstrap.DropdownMenu, dropdowntoggle: reactstrap.DropdownToggle, fade: reactstrap.Fade, form: reactstrap.Form, formfeedback: reactstrap.FormFeedback, formgroup: reactstrap.FormGroup, formtext: reactstrap.FormText, input: reactstrap.Input, inputgroup: reactstrap.InputGroup, inputgroupaddon: reactstrap.InputGroupAddon, inputgroupbutton: reactstrap.InputGroupButton, inputgroupbuttondropdown: reactstrap.InputGroupButtonDropdown, inputgrouptext: reactstrap.InputGroupText, jumbotron: reactstrap.Jumbotron, label: reactstrap.Label, listgroup: reactstrap.ListGroup, listgroupitem: reactstrap.ListGroupItem, listgroupitemheading: reactstrap.ListGroupItemHeading, listgroupitemtext: reactstrap.ListGroupItemText, media: reactstrap.Media, modal: reactstrap.Modal, modalbody: reactstrap.ModalBody, modalfooter: reactstrap.ModalFooter, modalheader: reactstrap.ModalHeader, reactnav: reactstrap.Nav, navbar: reactstrap.Navbar, navbarbrand: reactstrap.NavbarBrand, navbartoggler: reactstrap.NavbarToggler, navdropdown: reactstrap.NavDropdown, navitem: reactstrap.NavItem, navlink: reactstrap.NavLink, pagination: reactstrap.Pagination, paginationitem: reactstrap.PaginationItem, paginationlink: reactstrap.PaginationLink, popover: reactstrap.Popover, popoverbody: reactstrap.PopoverBody, popovercontent: reactstrap.PopoverContent, popoverheader: reactstrap.PopoverHeader, popovertitle: reactstrap.PopoverTitle, poppercontent: reactstrap.PopperContent, poppertargethelper: reactstrap.PopperTargetHelper, progress: reactstrap.Progress, row: reactstrap.Row, tabcontent: reactstrap.TabContent, table: reactstrap.Table, tabpane: reactstrap.TabPane, tooltip: reactstrap.Tooltip, uncontrolledalert: reactstrap.UncontrolledAlert, uncontrolledbuttondropdown: reactstrap.UncontrolledButtonDropdown, uncontrolledcarousel: reactstrap.UncontrolledCarousel, uncontrolledcollapse: reactstrap.UncontrolledCollapse, uncontrolleddropdown: reactstrap.UncontrolledDropdown, uncontrollednavdropdown: reactstrap.UncontrolledNavDropdown, uncontrolledtooltip: reactstrap.UncontrolledTooltip
      }
    }).Compiler;
    if (this.props.lang === "en") {
      return(
        
          <main role="main" id="main-content">
            {renderAst(this.props.eng.htmlAst)}
          </main>
          <footer>
        
      );
    } else {
      return(
        
          <main role="main" id="main-content">
            {renderAst(this.props.fr.htmlAst)}</main></footer>
github jhipster / react-jhipster / lib / src / component / pagination / pagination.js View on Github external
this.itemsToDisplay(activePage).map(function (paginationItem, i) {
                    return paginationItem.display === 'display' ? (_this.displayPaginationItem(i)) : paginationItem.display === 'disabled' ? (React.createElement(reactstrap_1.PaginationItem, { disabled: true, key: i },
                        React.createElement(reactstrap_1.PaginationLink, { href: "#" }, "..."))) : null;
                }),
                React.createElement(reactstrap_1.PaginationItem, __assign({}, activePage === maxPage && { disabled: true }),
github jhipster / react-jhipster / lib / src / component / pagination / pagination.js View on Github external
JhiPagination.prototype.render = function () {
        var _this = this;
        this.cleanActivePage();
        var activePage = this.props.activePage;
        var maxPage = this.getMaxPage();
        return (React.createElement("div", null,
            React.createElement(reactstrap_1.Pagination, null,
                React.createElement(reactstrap_1.PaginationItem, __assign({}, activePage === 1 && { disabled: true }),
                    React.createElement(reactstrap_1.PaginationLink, { onClick: this.updateActivePage(1), href: "javascript:void(0)" }, "\u00AB\u00AB")),
                React.createElement(reactstrap_1.PaginationItem, __assign({}, activePage === 1 && { disabled: true }),
                    React.createElement(reactstrap_1.PaginationLink, { previous: true, onClick: this.previousPage, href: "javascript:void(0)" })),
                this.itemsToDisplay(activePage).map(function (paginationItem, i) {
                    return paginationItem.display === 'display' ? (_this.displayPaginationItem(i)) : paginationItem.display === 'disabled' ? (React.createElement(reactstrap_1.PaginationItem, { disabled: true, key: i },
                        React.createElement(reactstrap_1.PaginationLink, { href: "#" }, "..."))) : null;
                }),
                React.createElement(reactstrap_1.PaginationItem, __assign({}, activePage === maxPage && { disabled: true }),
                    React.createElement(reactstrap_1.PaginationLink, { next: true, onClick: this.nextPage, href: "javascript:void(0)" })),
                React.createElement(reactstrap_1.PaginationItem, __assign({}, activePage === maxPage && { disabled: true }),
                    React.createElement(reactstrap_1.PaginationLink, { onClick: this.updateActivePage(maxPage), href: "javascript:void(0)" }, "\u00BB\u00BB")))));
    };
    return JhiPagination;
github italia / design-react-kit / dist / design-react-kit.cjs.js View on Github external
get: function () {
    return reactstrap.PaginationLink;
  }
});