Skip to content

Commit

Permalink
chore: update examples api
Browse files Browse the repository at this point in the history 
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
  • Loading branch information
@github-actions
github-actions[bot] authored Nov 9, 2023
1 parent 6dc96e4 commit 182d7e9
Show file tree
Hide file tree
Showing 2 changed files with 11 additions and 11 deletions.
4 changes: 2 additions & 2 deletions api/componenti/progress-indicators.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,10 +25,10 @@
},
{
"name": "Spinner",
"content": "\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-6 col-lg-3\">\n <p class=\"mb-3\"><strong>Spinner standard</strong></p>\n <div class=\"progress-spinner\">\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3\">\n <p class=\"mb-3\"><strong>Spinner Attivo</strong></p>\n <div class=\"progress-spinner progress-spinner-active\">\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3 mt-3 mt-lg-0\">\n <p class=\"mb-3\"><strong>Small</strong></p>\n <div class=\"progress-spinner size-sm\">\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3 mt-3 mt-lg-0\">\n <p class=\"mb-3\"><strong>Small attivo</strong></p>\n <div class=\"progress-spinner progress-spinner-active size-sm\">\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n </div>\n</div>\n"
"content": "\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-6 col-lg-3\">\n <p class=\"mb-3\"><strong>Spinner standard</strong></p>\n <div class=\"progress-spinner\">\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3\">\n <p class=\"mb-3\"><strong>Spinner Attivo</strong></p>\n <div class=\"progress-spinner progress-spinner-active\">\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3 mt-3 mt-lg-0\">\n <p class=\"mb-3\"><strong>Small</strong></p>\n <div class=\"progress-spinner size-sm\">\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3 mt-3 mt-lg-0\">\n <p class=\"mb-3\"><strong>Small attivo</strong></p>\n <div class=\"progress-spinner progress-spinner-active size-sm\">\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-6 col-lg-3\">\n <p class=\"mb-3\"><strong>Large</strong></p>\n <div class=\"progress-spinner size-lg\">\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3\">\n <p class=\"mb-3\"><strong>Large Attivo</strong></p>\n <div class=\"progress-spinner progress-spinner-active size-lg\">\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3 mt-3 mt-lg-0\">\n <p class=\"mb-3\"><strong>Extra-large</strong></p>\n <div class=\"progress-spinner size-xl\">\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3 mt-3 mt-lg-0\">\n <p class=\"mb-3\"><strong>Extra-large attivo</strong></p>\n <div class=\"progress-spinner progress-spinner-active size-xl\">\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n </div>\n</div>\n"
},
{
"name": "Spinner, animazione alternativa",
"content": "\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-6 col-lg-3\">\n <p class=\"mb-3\"><strong>Spinner doppio</strong></p>\n <div class=\"progress-spinner progress-spinner-double\">\n <div class=\"progress-spinner-inner\"></div>\n <div class=\"progress-spinner-inner\"></div>\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3\">\n <p class=\"mb-3\"><strong>Doppio attivo</strong></p>\n <div class=\"progress-spinner progress-spinner-double progress-spinner-active\">\n <div class=\"progress-spinner-inner\"></div>\n <div class=\"progress-spinner-inner\"></div>\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3 mt-3 mt-lg-0\">\n <p class=\"mb-3\"><strong>Doppio small</strong></p>\n <div class=\"progress-spinner progress-spinner-double size-sm\">\n <div class=\"progress-spinner-inner\"></div>\n <div class=\"progress-spinner-inner\"></div>\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3 mt-3 mt-lg-0\">\n <p class=\"mb-3\"><strong>Doppio small attivo</strong></p>\n <div class=\"progress-spinner progress-spinner-double size-sm progress-spinner-active\">\n <div class=\"progress-spinner-inner\"></div>\n <div class=\"progress-spinner-inner\"></div>\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n </div>\n</div>\n"
"content": "\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-6 col-lg-3\">\n <p class=\"mb-3\"><strong>Spinner doppio</strong></p>\n <div class=\"progress-spinner progress-spinner-double\">\n <div class=\"progress-spinner-inner\"></div>\n <div class=\"progress-spinner-inner\"></div>\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3\">\n <p class=\"mb-3\"><strong>Doppio attivo</strong></p>\n <div class=\"progress-spinner progress-spinner-double progress-spinner-active\">\n <div class=\"progress-spinner-inner\"></div>\n <div class=\"progress-spinner-inner\"></div>\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3 mt-3 mt-lg-0\">\n <p class=\"mb-3\"><strong>Doppio small</strong></p>\n <div class=\"progress-spinner progress-spinner-double size-sm\">\n <div class=\"progress-spinner-inner\"></div>\n <div class=\"progress-spinner-inner\"></div>\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3 mt-3 mt-lg-0\">\n <p class=\"mb-3\"><strong>Doppio small attivo</strong></p>\n <div class=\"progress-spinner progress-spinner-double size-sm progress-spinner-active\">\n <div class=\"progress-spinner-inner\"></div>\n <div class=\"progress-spinner-inner\"></div>\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-6 col-lg-3\">\n <p class=\"mb-3\"><strong>Doppio large</strong></p>\n <div class=\"progress-spinner progress-spinner-double size-lg\">\n <div class=\"progress-spinner-inner\"></div>\n <div class=\"progress-spinner-inner\"></div>\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3\">\n <p class=\"mb-3\"><strong>Doppio large attivo</strong></p>\n <div class=\"progress-spinner progress-spinner-double size-lg progress-spinner-active\">\n <div class=\"progress-spinner-inner\"></div>\n <div class=\"progress-spinner-inner\"></div>\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3 mt-3 mt-lg-0\">\n <p class=\"mb-3\"><strong>Doppio extra-large</strong></p>\n <div class=\"progress-spinner progress-spinner-double size-xl\">\n <div class=\"progress-spinner-inner\"></div>\n <div class=\"progress-spinner-inner\"></div>\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n <div class=\"col-6 col-lg-3 mt-3 mt-lg-0\">\n <p class=\"mb-3\"><strong>Doppio extra-large attivo</strong></p>\n <div class=\"progress-spinner progress-spinner-double size-xl progress-spinner-active\">\n <div class=\"progress-spinner-inner\"></div>\n <div class=\"progress-spinner-inner\"></div>\n <span class=\"visually-hidden\">Caricamento...</span>\n </div>\n </div>\n </div>\n</div>\n"
}
]
Loading

0 comments on commit 182d7e9

Please sign in to comment.