diff --git a/docs/pages/pagination.md b/docs/pages/pagination.md index a163322aa0..3aa5331b4e 100644 --- a/docs/pages/pagination.md +++ b/docs/pages/pagination.md @@ -14,7 +14,7 @@ variation_groups: m-pagination__btn-prev" href="?page=21#pagination_content"> {% include icons/left.svg %} - Newer + Previous
- Older + Next {% include icons/right.svg %} - variation_description: '' - variation_name: Default pagination - variation_implementation: - To enable the component to jump directly to the + variation_description: The jump to page pagination component includes an inline + form (input field, submit button) to enable users to navigate to + specific pages by number. + variation_name: Jump to page + variation_implementation: To enable the component to jump directly to the paginated content, include an `id` on a wrapper of the paginated content (or an element directly above it), e.g., `id="pagination_content"`. - variation_specs: '' + variation_specs: "" + - variation_is_deprecated: false + variation_name: Sequential + variation_code_snippet: |- +
+ + + +
+ variation_description: This variation of the pagination component allows users + to navigate pages in sequential order (forward or backward one step at + a time), forcing a linear flow. - variation_code_snippet: >- - variation_description: - When on the first or last page of paginated content, be - sure to disable the appropriate buttons by adding the - `a-btn--disabled` modifier and removing their `href` attribute. - variation_jinja_code_snippet: '' + variation_description: This variation of the pagination component only allows + users to navigate pages in sequential order (forward or backward one + step at a time), forcing a linear user flow. + variation_jinja_code_snippet: "" variation_name: First and last pages - variation_group_name: Standard pagination - variation_group_description: - Pagination consists of buttons to navigate through - content, along with an inline form (input field, submit button) to enable - users to navigate to specific pages by number. + variation_group_name: Types + variation_group_description: "" guidelines: >- * Display 25 results per page. @@ -100,13 +144,14 @@ guidelines: >- * Tables with over 20 rows can be paired with pagination. eyebrow: Components title: Pagination -description: Pagination is used for splitting up content or data into several - pages, so as to make it easier for users to consume information. -use_cases: '' +description: Pagination is navigation for paginated content. It is used to break + long content or large datasets into multiple pages, to make it easier for + users to consume information. +use_cases: "" behavior: On small screens, the buttons display next to each other, stacked on top of the form (`@bp-xs-max`). -accessibility: '' -related_items: '' +accessibility: "" +related_items: "" last_updated: 2020-01-28T15:55:47.394Z -research: '' +research: "" ---