chore: update examples api

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
italia · Dec 11, 2023 · d98e221 · d98e221
1 parent 7595895
commit d98e221
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/api/componenti/paginazione.json b/api/componenti/paginazione.json
@@ -46,5 +46,13 @@
     {
         "name": "Con numero totale elementi per pagina",
         "content": "\n<nav class=\"pagination-wrapper pagination-total\" aria-label=\"Esempio di navigazione con total number\">\n  <ul class=\"pagination\">\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\">\n        <svg class=\"icon icon-primary\"><use href=\"/dist/svg/sprites.svg#it-chevron-left\"></use></svg>\n        <span class=\"visually-hidden\">Pagina precedente</span>\n      </a>\n    </li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">1</a></li>\n    <li class=\"page-item\"><span class=\"page-link\">...</span></li>\n    <li class=\"page-item active\">\n      <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n        <span class=\"d-inline-block d-sm-none\">Pagina </span>24\n      </a>\n    </li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">25</a></li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">26</a></li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">27</a></li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">28</a></li>\n    <li class=\"page-item\"><span class=\"page-link\">...</span></li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">50</a></li>\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\">\n        <span class=\"visually-hidden\">Pagina successiva</span>\n        <svg class=\"icon icon-primary\"><use href=\"/dist/svg/sprites.svg#it-chevron-right\"></use></svg>\n      </a>\n    </li>\n  </ul>\n  <p>100-110 di 300 elementi</p>\n</nav>\n"
+    },
+    {
+        "name": "Con numero totale elementi per pagina e posizionamento",
+        "content": "\n<nav class=\"pagination-wrapper justify-content-center pagination-total\" aria-label=\"Esempio di navigazione con total number\">\n  <ul class=\"pagination\">\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\">\n        <svg class=\"icon icon-primary\"><use href=\"/dist/svg/sprites.svg#it-chevron-left\"></use></svg>\n        <span class=\"visually-hidden\">Pagina precedente</span>\n      </a>\n    </li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">1</a></li>\n    <li class=\"page-item\"><span class=\"page-link\">...</span></li>\n    <li class=\"page-item active\">\n      <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n        <span class=\"d-inline-block d-sm-none\">Pagina </span>24\n      </a>\n    </li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">25</a></li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">26</a></li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">27</a></li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">28</a></li>\n    <li class=\"page-item\"><span class=\"page-link\">...</span></li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">50</a></li>\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\">\n        <span class=\"visually-hidden\">Pagina successiva</span>\n        <svg class=\"icon icon-primary\"><use href=\"/dist/svg/sprites.svg#it-chevron-right\"></use></svg>\n      </a>\n    </li>\n  </ul>\n  <p>100-110 di 300 elementi</p>\n</nav>\n"
+    },
+    {
+        "name": "Con numero totale elementi per pagina e posizionamento",
+        "content": "\n<nav class=\"pagination-wrapper justify-content-end pagination-total\" aria-label=\"Esempio di navigazione con total number\">\n  <ul class=\"pagination\">\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\">\n        <svg class=\"icon icon-primary\"><use href=\"/dist/svg/sprites.svg#it-chevron-left\"></use></svg>\n        <span class=\"visually-hidden\">Pagina precedente</span>\n      </a>\n    </li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">1</a></li>\n    <li class=\"page-item\"><span class=\"page-link\">...</span></li>\n    <li class=\"page-item active\">\n      <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n        <span class=\"d-inline-block d-sm-none\">Pagina </span>24\n      </a>\n    </li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">25</a></li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">26</a></li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">27</a></li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">28</a></li>\n    <li class=\"page-item\"><span class=\"page-link\">...</span></li>\n    <li class=\"page-item\"><a class=\"page-link\" href=\"#\">50</a></li>\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\">\n        <span class=\"visually-hidden\">Pagina successiva</span>\n        <svg class=\"icon icon-primary\"><use href=\"/dist/svg/sprites.svg#it-chevron-right\"></use></svg>\n      </a>\n    </li>\n  </ul>\n  <p>100-110 di 300 elementi</p>\n</nav>\n"
     }
 ]