Update pagination size docs after merging #42317

Author: mdo

site/src/content/docs/components/pagination.mdx

@@ -98,25 +98,44 @@ And just like active page items, you can swap out the disabled `<a>` for a `<spa
 
 Fancy larger or smaller pagination? Add `.pagination-lg` or `.pagination-sm` for additional sizes.
 
-<Example code={`<nav aria-label="...">
+<Example class="vstack gap-3" code={`<nav aria-label="...">
     <ul class="pagination pagination-lg">
       <li class="page-item active" >
         <a class="page-link" aria-current="page">1</a>
       </li>
       <li class="page-item"><a class="page-link" href="#">2</a></li>
       <li class="page-item"><a class="page-link" href="#">3</a></li>
     </ul>
-  </nav>`} />
+  </nav>
 
-<Example code={`<nav aria-label="...">
+  <nav aria-label="...">
+    <ul class="pagination">
+      <li class="page-item active">
+        <a class="page-link" aria-current="page">1</a>
+      </li>
+      <li class="page-item"><a class="page-link" href="#">2</a></li>
+      <li class="page-item"><a class="page-link" href="#">3</a></li>
+    </ul>
+  </nav>
+
+  <nav aria-label="...">
     <ul class="pagination pagination-sm">
       <li class="page-item active">
         <a class="page-link" aria-current="page">1</a>
       </li>
       <li class="page-item"><a class="page-link" href="#">2</a></li>
       <li class="page-item"><a class="page-link" href="#">3</a></li>
     </ul>
-  </nav>`} />
+  </nav>`} customMarkup={`<nav aria-label="…">
+    <ul class="pagination pagination-sm">…</ul>
+  </nav>
+  <nav aria-label="…">
+    <ul class="pagination pagination">…</ul>
+  </nav>
+  <nav aria-label="…">
+    <ul class="pagination pagination-lg">…</ul>
+  </nav>
+  `} />
 
 ## Alignment