{"componentChunkName":"component---src-templates-angulardocs-js","path":"/docs/contrast/angular/navigation/pagination","result":{"data":{"site":{"siteMetadata":{"title":"Resources to help developers | Contrast | Devwares","docsLocation":""}},"mdx":{"fields":{"id":"fa484a0f-05fd-54ea-925a-ac877553b613","title":"Pagination","slug":"/contrast/angular/navigation/pagination"},"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Pagination\",\n \"metaTitle\": \"Pagination Component for Contrast Bootstrap Angular\",\n \"metaDescription\": \"Angular Bootstrap Pagination is a component used to indicate existence of a series of related content across multiple pages and enables navigation across them\"\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, [\"components\"]);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", null, \"Pagination\"), mdx(\"p\", null, \"Angular Bootstrap Pagination is a component used to indicate existence of a series of related content across multiple pages and enables navigation across them.\"), mdx(\"p\", null, \"We use a large block of connected links for our pagination, making links hard to miss and easily scalable\\u2014all while providing large hit areas. Pagination is built with list HTML elements so screen readers can announce the number of available links. We use a wrapping \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"