diff --git a/dev/app/builtin/stories/pagination.stories.js b/dev/app/builtin/stories/pagination.stories.js index c6c9e5498a..8acbf96ff5 100644 --- a/dev/app/builtin/stories/pagination.stories.js +++ b/dev/app/builtin/stories/pagination.stories.js @@ -19,6 +19,17 @@ export default () => { ); }) ) + .add( + 'with padding', + wrapWithHits(container => { + window.search.addWidget( + instantsearch.widgets.pagination({ + container, + padding: 6, + }) + ); + }) + ) .add( 'without autoHideContainer', wrapWithHits(container => { diff --git a/src/widgets/pagination/pagination.js b/src/widgets/pagination/pagination.js index c09c477249..b4a1e872a8 100644 --- a/src/widgets/pagination/pagination.js +++ b/src/widgets/pagination/pagination.js @@ -146,7 +146,7 @@ export default function pagination({ labels: userLabels = defaultLabels, cssClasses: userCssClasses = {}, maxPages, - padding = 3, + padding, showFirstLast = true, autoHideContainer = true, scrollTo: userScrollTo = 'body', @@ -189,7 +189,7 @@ export default function pagination({ const makeWidget = connectPagination(specializedRenderer, () => unmountComponentAtNode(containerNode) ); - return makeWidget({ maxPages }); + return makeWidget({ maxPages, padding }); } catch (e) { throw new Error(usage); }