{"id":129,"date":"2024-05-28T17:43:40","date_gmt":"2024-05-28T15:43:40","guid":{"rendered":"https:\/\/wp-dsfr.fr\/demo\/?page_id=129"},"modified":"2024-05-28T17:43:40","modified_gmt":"2024-05-28T15:43:40","slug":"alerte","status":"publish","type":"page","link":"https:\/\/wp-dsfr.fr\/demo\/liste-des-blocs-wordpress-du-dsfr\/alerte\/","title":{"rendered":"Alerte"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Alerte<\/h1>\n\n\n\n<p class=\"has-xl-font-size\">Les alertes permettent d\u2019attirer l\u2019attention de l\u2019utilisateur sur une information sans interrompre sa t\u00e2che en cours. Le composant doit \u00eatre plac\u00e9 en premi\u00e8re place du contenu auquel il est associ\u00e9 (en haut d\u2019une page, d\u2019un formulaire, d\u2019un container\u2026).<\/p>\n\n\n\n<div class=\"wp-block-group fr-alert fr-alert--info\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading fr-alert__title\">Ceci est une alerte<\/h3>\n\n\n\n<p>Avec un paragraphe pour expliquer davantage sa raison d&rsquo;\u00eatre.<\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--80)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Tailles d&rsquo;alerte<\/h2>\n\n\n\n<p>L\u2019alerte existe en deux tailles, Small et Medium, \u00e0 utiliser en fonction de l\u2019espace d\u2019affichage disponible.<\/p>\n\n\n\n<div class=\"wp-block-group fr-alert fr-alert--info fr-alert--sm\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Taille Small : \u00e0 utiliser lorsque l\u2019espace d\u2019affichage est r\u00e9duit.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-alert fr-alert--info\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading fr-alert__title\">Taille M\u00e9dium Simple :  \u00e0 utiliser lorsqu\u2019un titre seul suffit<\/h3>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-alert fr-alert--info\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading fr-alert__title\">Taille M\u00e9dium<\/h3>\n\n\n\n<p>L\u2019alerte medium avec description permet de donner des informations compl\u00e9mentaires \u00e0 l\u2019utilisateur, en plus du titre.<\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--80)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Types d&rsquo;alerte<\/h2>\n\n\n\n<p>Il y a 4 types d&rsquo;alerte permettant de donner des informations de diff\u00e9rentes natures<\/p>\n\n\n\n<div class=\"wp-block-group fr-alert fr-alert--info\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading fr-alert__title\">Information &#8211; Alerte<\/h3>\n\n\n\n<p>L&rsquo;alerte information est\u00a0 \u00e0 utiliser pour mettre en exergue des informations importantes<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-alert fr-alert--success\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading fr-alert__title\">Succ\u00e8s &#8211; Alerte<\/h3>\n\n\n\n<p>L&rsquo;alerte information sert \u00e0 indiquer \u00e0 l\u2019utilisateur qu\u2019une action ou une t\u00e2che a \u00e9t\u00e9 termin\u00e9e avec succ\u00e8s.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-alert fr-alert--error\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading fr-alert__title\">Erreur &#8211; Alerte<\/h3>\n\n\n\n<p>L&rsquo;alerte erreur est \u00e0 utiliser quand il y a plusieurs erreurs dans un formulaire, ou des erreurs bloquantes \u00e0 remonter pour l\u2019utilisateur.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-alert fr-alert--warning\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading fr-alert__title\">Attention &#8211; Alerte<\/h3>\n\n\n\n<p>L&rsquo;alerte &lsquo;attention&rsquo; (warning) est\u00a0 \u00e0 utiliser pour mettre en exergue des risques ou points d\u2019attention importants.<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Alerte Les alertes permettent d\u2019attirer l\u2019attention de l\u2019utilisateur sur une information sans interrompre sa t\u00e2che en cours. Le composant doit \u00eatre plac\u00e9 en premi\u00e8re place du contenu auquel il est associ\u00e9 (en haut d\u2019une page, d\u2019un formulaire, d\u2019un container\u2026). Ceci est une alerte Avec un paragraphe pour expliquer davantage sa raison d&rsquo;\u00eatre. Tailles d&rsquo;alerte L\u2019alerte [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":30,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/empty-page.php","meta":{"footnotes":""},"class_list":["post-129","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/comments?post=129"}],"version-history":[{"count":0,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/129\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/30"}],"wp:attachment":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/media?parent=129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}