<nav style="display:inline-flex;align-items:center;gap:4px;font-family:'Satoshi',sans-serif;" aria-label="Pagination">
<button style="display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 12px;border-radius:5px;border:1px solid #e5e7eb;background:#fff;color:#c0c0c0;font-family:'Satoshi',sans-serif;font-size:0.8125rem;font-weight:500;cursor:not-allowed;" disabled>
‹ Prev
</button>
<button style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:5px;border:1px solid var(--primary-color);background:var(--primary-color);color:#fff;font-family:'Satoshi',sans-serif;font-size:0.8125rem;font-weight:700;cursor:pointer;">
1
</button>
<button style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:5px;border:1px solid var(--primary-light);background:#fff;color:var(--title);font-family:'Satoshi',sans-serif;font-size:0.8125rem;font-weight:500;cursor:pointer;">
2
</button>
<button style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:5px;border:1px solid var(--primary-light);background:#fff;color:var(--title);font-family:'Satoshi',sans-serif;font-size:0.8125rem;font-weight:500;cursor:pointer;">
3
</button>
<button style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:5px;border:1px solid transparent;background:#fff;color:var(--paragraph);font-family:'Satoshi',sans-serif;font-size:0.8125rem;font-weight:500;cursor:default;" disabled>
…
</button>
<button style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:5px;border:1px solid var(--primary-light);background:#fff;color:var(--title);font-family:'Satoshi',sans-serif;font-size:0.8125rem;font-weight:500;cursor:pointer;">
8
</button>
<button style="display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 12px;border-radius:5px;border:1px solid var(--primary-light);background:#fff;color:var(--title);font-family:'Satoshi',sans-serif;font-size:0.8125rem;font-weight:500;cursor:pointer;">
Next ›
</button>
<span style="font-family:'Satoshi',sans-serif;font-size:0.8rem;color:var(--paragraph);margin-left:8px;">Showing 1–10 of 74 results</span>
</nav>
<nav style="display:inline-flex;align-items:center;gap:4px;font-family:'Satoshi',sans-serif;" aria-label="Pagination">
{{! Previous }}
<button style="display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 12px;border-radius:5px;border:1px solid {{#if isFirstPage}}#e5e7eb{{else}}var(--primary-light){{/if}};background:#fff;color:{{#if isFirstPage}}#c0c0c0{{else}}var(--title){{/if}};font-family:'Satoshi',sans-serif;font-size:0.8125rem;font-weight:500;cursor:{{#if isFirstPage}}not-allowed{{else}}pointer{{/if}};" {{#if isFirstPage}}disabled{{/if}}>
‹ Prev
</button>
{{! Page numbers }}
{{#each pages}}
<button style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:5px;border:1px solid {{#if this.active}}var(--primary-color){{else}}{{#if this.ellipsis}}transparent{{else}}var(--primary-light){{/if}}{{/if}};background:{{#if this.active}}var(--primary-color){{else}}#fff{{/if}};color:{{#if this.active}}#fff{{else}}{{#if this.ellipsis}}var(--paragraph){{else}}var(--title){{/if}}{{/if}};font-family:'Satoshi',sans-serif;font-size:0.8125rem;font-weight:{{#if this.active}}700{{else}}500{{/if}};cursor:{{#if this.ellipsis}}default{{else}}pointer{{/if}};" {{#if this.ellipsis}}disabled{{/if}}>
{{this.label}}
</button>
{{/each}}
{{! Next }}
<button style="display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 12px;border-radius:5px;border:1px solid {{#if isLastPage}}#e5e7eb{{else}}var(--primary-light){{/if}};background:#fff;color:{{#if isLastPage}}#c0c0c0{{else}}var(--title){{/if}};font-family:'Satoshi',sans-serif;font-size:0.8125rem;font-weight:500;cursor:{{#if isLastPage}}not-allowed{{else}}pointer{{/if}};" {{#if isLastPage}}disabled{{/if}}>
Next ›
</button>
{{! Item count }}
{{#if itemCount}}
<span style="font-family:'Satoshi',sans-serif;font-size:0.8rem;color:var(--paragraph);margin-left:8px;">{{itemCount}}</span>
{{/if}}
</nav>
{
"isFirstPage": true,
"isLastPage": false,
"pages": [
{
"label": "1",
"active": true,
"ellipsis": false
},
{
"label": "2",
"active": false,
"ellipsis": false
},
{
"label": "3",
"active": false,
"ellipsis": false
},
{
"label": "…",
"active": false,
"ellipsis": true
},
{
"label": "8",
"active": false,
"ellipsis": false
}
],
"itemCount": "Showing 1–10 of 74 results"
}
Page navigation for list views. Appears in: Script Library, Thumbnail Library, Video Suggestions, Competitor Analysis results.