Paginierung als Maßband
Zieh ein gelbes Maßband mit Schwung, bis deine Seite unter der roten Linie steht, oder blättere mit den Pfeilen.
Einstellungen
Code
<nav class="uvq12-tp" aria-label="Seitennavigation"><p class="rd"><span>Seite</span><b class="pn">7</b><small>/ 24</small></p><div class="cs"><button type="button" class="pv" aria-label="Vorherige Seite"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 6l-6 6 6 6"/></svg></button><div class="vw" role="slider" tabindex="0" aria-label="Seite" aria-valuemin="1" aria-valuemax="24" aria-valuenow="7"><div class="tp"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span></div><i class="hl" aria-hidden="true"></i></div><button type="button" class="nx" aria-label="Nächste Seite"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></button></div></nav>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Navigation
Alle ansehen: NavigationWofür du ihn nutzen kannst
Eine Paginierung als gelbes Maßband: Zieh es zur Seite, lass los, und es gleitet mit Schwung weiter, bis die nächste Seite unter einer roten Haarlinie einrastet. Pfeile, Tastatur und ein Klick auf eine Zahl funktionieren ebenso, und der große Zähler darüber läuft mit. Gut für lange Galerien, Kataloge und Archive, in denen Scrubben schneller ist als seitenweises Klicken.
Die Hauptfarbe färbt das Band, die Zweitfarbe die Haarlinie. Ändere die Seitenzahl in den Daten und lass den Zähler oben stehen, damit man immer weiß, wo man ist.