@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
24 lines • 1.37 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var Pagination_1 = require("@uifabric/experiments/lib/Pagination");
var PaginationButtonsBasicExample = /** @class */ (function (_super) {
tslib_1.__extends(PaginationButtonsBasicExample, _super);
function PaginationButtonsBasicExample(props) {
var _this = _super.call(this, props) || this;
_this.onPageChange = function (index) {
_this.setState({
selectedPageIndex: index
});
};
_this.state = { selectedPageIndex: 0 };
return _this;
}
PaginationButtonsBasicExample.prototype.render = function () {
return (React.createElement(Pagination_1.Pagination, { selectedPageIndex: this.state.selectedPageIndex, pageCount: 27, itemsPerPage: 10, totalItemCount: 268, format: 'buttons', previousPageAriaLabel: 'previous page', nextPageAriaLabel: 'next page', firstPageAriaLabel: 'first page', lastPageAriaLabel: 'last page', pageAriaLabel: 'page', selectedAriaLabel: 'selected', onPageChange: this.onPageChange }));
};
return PaginationButtonsBasicExample;
}(React.Component));
exports.PaginationButtonsBasicExample = PaginationButtonsBasicExample;
//# sourceMappingURL=Pagination.Buttons.Basic.Example.js.map