[{"data":1,"prerenderedAt":861},["ShallowReactive",2],{"navigation_docs":3,"-docs-ecrire-story-storybook":118,"-docs-ecrire-story-storybook-surround":856},[4,19,49,75,89],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":18},"Démarrer","i-lucide-rocket","\u002Fdocs\u002Fdemarrer","docs\u002F1.demarrer",[10,14],{"title":11,"path":12,"stem":13},"Première présentation","\u002Fdocs\u002Fdemarrer\u002Fpremiere-presentation","docs\u002F1.demarrer\u002F1.premiere-presentation",{"title":15,"path":16,"stem":17},"Le Markdown","\u002Fdocs\u002Fdemarrer\u002Fle-markdown","docs\u002F1.demarrer\u002F2.le-markdown",false,{"title":20,"icon":21,"path":22,"stem":23,"children":24,"page":18},"Écrire","i-lucide-pen-line","\u002Fdocs\u002Fecrire","docs\u002F2.ecrire",[25,29,33,37,41,45],{"title":26,"path":27,"stem":28},"La syntaxe","\u002Fdocs\u002Fecrire\u002Fsyntaxe","docs\u002F2.ecrire\u002F1.syntaxe",{"title":30,"path":31,"stem":32},"Les composants","\u002Fdocs\u002Fecrire\u002Fcomposants","docs\u002F2.ecrire\u002F2.composants",{"title":34,"path":35,"stem":36},"Story Storybook","\u002Fdocs\u002Fecrire\u002Fstory-storybook","docs\u002F2.ecrire\u002F3.story-storybook",{"title":38,"path":39,"stem":40},"Image et texte","\u002Fdocs\u002Fecrire\u002Fimage-a-cote-du-texte","docs\u002F2.ecrire\u002F4.image-a-cote-du-texte",{"title":42,"path":43,"stem":44},"Présenter et exporter","\u002Fdocs\u002Fecrire\u002Fpresenter","docs\u002F2.ecrire\u002F5.presenter",{"title":46,"path":47,"stem":48},"Écrire avec un agent","\u002Fdocs\u002Fecrire\u002Fecrire-avec-un-agent","docs\u002F2.ecrire\u002F6.ecrire-avec-un-agent",{"title":50,"icon":51,"path":52,"stem":53,"children":54,"page":18},"Studio","i-lucide-layout-grid","\u002Fdocs\u002Fstudio","docs\u002F3.studio",[55,59,63,67,71],{"title":56,"path":57,"stem":58},"Rôles et partage","\u002Fdocs\u002Fstudio\u002Froles-et-partage","docs\u002F3.studio\u002F1.roles-et-partage",{"title":60,"path":61,"stem":62},"Versions et brouillon","\u002Fdocs\u002Fstudio\u002Fversions-et-brouillon","docs\u002F3.studio\u002F2.versions-et-brouillon",{"title":64,"path":65,"stem":66},"Organiser le catalogue","\u002Fdocs\u002Fstudio\u002Forganiser-le-catalogue","docs\u002F3.studio\u002F3.organiser-le-catalogue",{"title":68,"path":69,"stem":70},"Jetons d'accès","\u002Fdocs\u002Fstudio\u002Fjetons-d-acces","docs\u002F3.studio\u002F4.jetons-d-acces",{"title":72,"path":73,"stem":74},"Problèmes fréquents","\u002Fdocs\u002Fstudio\u002Fproblemes-frequents","docs\u002F3.studio\u002F5.problemes-frequents",{"title":76,"icon":77,"path":78,"stem":79,"children":80,"page":18},"Thèmes","i-lucide-palette","\u002Fdocs\u002Fthemes","docs\u002F4.themes",[81,85],{"title":82,"path":83,"stem":84},"Thème DSFR","\u002Fdocs\u002Fthemes\u002Ftheme-dsfr","docs\u002F4.themes\u002F1.theme-dsfr",{"title":86,"path":87,"stem":88},"Thème d'équipe","\u002Fdocs\u002Fthemes\u002Ftheme-de-votre-equipe","docs\u002F4.themes\u002F2.theme-de-votre-equipe",{"title":90,"icon":91,"path":92,"stem":93,"children":94,"page":18},"Référence","i-lucide-book-open","\u002Fdocs\u002Freference","docs\u002F5.reference",[95,99,103,107,111,115],{"title":96,"path":97,"stem":98},"Module de rendu","\u002Fdocs\u002Freference\u002Fnuxt","docs\u002F5.reference\u002F1.nuxt",{"title":100,"path":101,"stem":102},"Composants de schéma","\u002Fdocs\u002Freference\u002Fschemas","docs\u002F5.reference\u002F2.schemas",{"title":104,"path":105,"stem":106},"Composants Storybook","\u002Fdocs\u002Freference\u002Fstorybook","docs\u002F5.reference\u002F3.storybook",{"title":108,"path":109,"stem":110},"Système de thèmes","\u002Fdocs\u002Freference\u002Ftheme-system","docs\u002F5.reference\u002F4.theme-system",{"title":112,"path":113,"stem":114},"Kit de thèmes","\u002Fdocs\u002Freference\u002Ftheme-kit","docs\u002F5.reference\u002F5.theme-kit",{"title":82,"path":116,"stem":117},"\u002Fdocs\u002Freference\u002Ftheme-dsfr","docs\u002F5.reference\u002F6.theme-dsfr",{"id":119,"title":120,"body":121,"description":850,"extension":851,"meta":852,"navigation":853,"path":35,"seo":854,"stem":36,"__hash__":855},"docs\u002Fdocs\u002F2.ecrire\u002F3.story-storybook.md","Intégrer une story de votre Storybook",{"type":122,"value":123,"toc":844},"minimark",[124,128,139,144,160,208,219,223,253,263,267,291,393,403,514,535,548,785,792,796,840],[125,126,127],"p",{},"Une diapositive peut afficher une story d'un Storybook publié en ligne, dans un cadre chargé à l'ouverture de la diapositive. Le composant présenté est donc celui que publie le Storybook ce jour-là : dans une présentation écrite pour une revue de conception, vous montrez l'état de la branche, et chaque correction publiée y apparaît.",[125,129,130,131,138],{},"Les exemples de cette page affichent le Storybook public de ",[132,133,137],"a",{"href":134,"rel":135},"https:\u002F\u002Fcomponents.react-dsfr.codegouv.studio",[136],"nofollow","react-dsfr",", les composants React du Système de Design de l'État.",[140,141,143],"h2",{"id":142},"ladresse-du-storybook","L'adresse du Storybook",[125,145,146,147,151,152,155,156,159],{},"La clé ",[148,149,150],"code",{},"storybook"," de l'en-tête donne l'adresse du dossier publié, celui qui contient ",[148,153,154],{},"index.html"," et ",[148,157,158],{},"iframe.html",".",[161,162,167],"pre",{"className":163,"code":164,"language":165,"meta":166,"style":166},"language-yaml shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","---\ntitle: Le parcours de dépôt\nstorybook: https:\u002F\u002Fdesign.example.fr\u002Fstorybook\u002Fbranch\u002Fparcours-depot\u002F\n---\n","yaml","",[148,168,169,178,193,203],{"__ignoreMap":166},[170,171,174],"span",{"class":172,"line":173},"line",1,[170,175,177],{"class":176},"sBMFI","---\n",[170,179,181,185,189],{"class":172,"line":180},2,[170,182,184],{"class":183},"swJcz","title",[170,186,188],{"class":187},"sMK4o",":",[170,190,192],{"class":191},"sfazB"," Le parcours de dépôt\n",[170,194,196,198,200],{"class":172,"line":195},3,[170,197,150],{"class":183},[170,199,188],{"class":187},[170,201,202],{"class":191}," https:\u002F\u002Fdesign.example.fr\u002Fstorybook\u002Fbranch\u002Fparcours-depot\u002F\n",[170,204,206],{"class":172,"line":205},4,[170,207,177],{"class":176},[125,209,210,211,214,215,218],{},"Quand votre intégration continue publie un Storybook par branche, chaque branche a son adresse. Indiquez celle de la branche de l'écran en cours de conception, ou celle de la branche principale pour montrer les composants livrés. Ouvrez-la dans le navigateur avant de l'écrire : le nom de la branche y est souvent transformé, ",[148,212,213],{},"feat\u002Fparcours-depot"," en ",[148,216,217],{},"feat-parcours-depot"," par exemple. Une fois la branche fusionnée et son Storybook supprimé, remplacez l'adresse par celle de la branche principale.",[140,220,222],{"id":221},"lidentifiant-dune-story","L'identifiant d'une story",[125,224,225,226,229,230,233,234,237,238,241,242,245,246,249,250,159],{},"Une story a un identifiant de la forme ",[148,227,228],{},"composant--story",", comme ",[148,231,232],{},"components-button--default",". Vous le trouvez dans l'adresse de la story ouverte dans le Storybook, après ",[148,235,236],{},"\u002Fstory\u002F"," : ",[148,239,240],{},"?path=\u002Fstory\u002Fcomposants-carte--par-defaut"," donne ",[148,243,244],{},"composants-carte--par-defaut",". Selon sa version et son hébergement, un Storybook publie aussi le fichier ",[148,247,248],{},"index.json",", qui liste chaque story sous la clé ",[148,251,252],{},"entries",[125,254,255,256,259,260,159],{},"Copiez l'identifiant tel quel, accents compris : un titre ",[148,257,258],{},"Système de design"," donne un identifiant qui commence par ",[148,261,262],{},"système-de-design",[140,264,266],{"id":265},"afficher-une-story","Afficher une story",[125,268,269,270,273,274,277,278,281,282,286,287,290],{},"À côté du texte ou sous le titre, l'annotation ",[148,271,272],{},":layout"," reçoit l'identifiant dans ",[148,275,276],{},"story"," et la place de la story dans ",[148,279,280],{},"media"," (voir ",[132,283,285],{"href":284},"\u002Fdocs\u002Fecrire\u002Fsyntaxe#les-mises-en-page","Les mises en page","). ",[148,288,289],{},"lightbox"," ouvre la story en plein écran au clic. Dans l'éditeur, vous pouvez aussi coller l'identifiant dans le champ « Story du Storybook » du panneau « Mise en page ».",[292,293,294],"deck-example",{},[161,295,299],{"className":296,"code":297,"language":298,"meta":166,"style":166},"language-mdc shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","---\nstorybook: https:\u002F\u002Fcomponents.react-dsfr.codegouv.studio\n---\n\n### L'en-tête du site\n\n:layout{media=\"bottom\" story=\"components-header--header-with-quick-access-items\" lightbox}\n\nLe bloc Marianne, le nom du service et les accès rapides.\n","mdc",[148,300,301,305,314,318,324,333,338,381,386],{"__ignoreMap":166},[170,302,303],{"class":172,"line":173},[170,304,177],{"class":187},[170,306,307,309,311],{"class":172,"line":180},[170,308,150],{"class":183},[170,310,188],{"class":187},[170,312,313],{"class":191}," https:\u002F\u002Fcomponents.react-dsfr.codegouv.studio\n",[170,315,316],{"class":172,"line":195},[170,317,177],{"class":187},[170,319,320],{"class":172,"line":205},[170,321,323],{"emptyLinePlaceholder":322},true,"\n",[170,325,327,330],{"class":172,"line":326},5,[170,328,329],{"class":187},"### ",[170,331,332],{"class":176},"L'en-tête du site\n",[170,334,336],{"class":172,"line":335},6,[170,337,323],{"emptyLinePlaceholder":322},[170,339,341,343,346,349,352,355,358,361,363,366,368,370,373,375,378],{"class":172,"line":340},7,[170,342,188],{"class":187},[170,344,345],{"class":183},"layout",[170,347,348],{"class":187},"{",[170,350,280],{"class":351},"spNyl",[170,353,354],{"class":187},"=",[170,356,357],{"class":187},"\"",[170,359,360],{"class":191},"bottom",[170,362,357],{"class":187},[170,364,365],{"class":351}," story",[170,367,354],{"class":187},[170,369,357],{"class":187},[170,371,372],{"class":191},"components-header--header-with-quick-access-items",[170,374,357],{"class":187},[170,376,377],{"class":351}," lightbox",[170,379,380],{"class":187},"}\n",[170,382,384],{"class":172,"line":383},8,[170,385,323],{"emptyLinePlaceholder":322},[170,387,389],{"class":172,"line":388},9,[170,390,392],{"class":391},"sTEyZ","Le bloc Marianne, le nom du service et les accès rapides.\n",[125,394,395,396,399,400,159],{},"Dans le texte de la diapositive, sous un paragraphe par exemple, le composant ",[148,397,398],{},"StoryFrame"," place la story à l'endroit où vous l'écrivez, avec une légende dans ",[148,401,402],{},"label",[292,404,405],{},[161,406,408],{"className":296,"code":407,"language":298,"meta":166,"style":166},"---\nstorybook: https:\u002F\u002Fcomponents.react-dsfr.codegouv.studio\n---\n\n### Le bandeau d'information\n\nLe service l'affiche en haut de chaque page.\n\n::StoryFrame{story=\"components-notice--default\" ratio=\"5\u002F1\" viewport=\"1000\" label=\"Bandeau d'information importante\"}\n::\n",[148,409,410,414,422,426,430,437,441,446,450,508],{"__ignoreMap":166},[170,411,412],{"class":172,"line":173},[170,413,177],{"class":187},[170,415,416,418,420],{"class":172,"line":180},[170,417,150],{"class":183},[170,419,188],{"class":187},[170,421,313],{"class":191},[170,423,424],{"class":172,"line":195},[170,425,177],{"class":187},[170,427,428],{"class":172,"line":205},[170,429,323],{"emptyLinePlaceholder":322},[170,431,432,434],{"class":172,"line":326},[170,433,329],{"class":187},[170,435,436],{"class":176},"Le bandeau d'information\n",[170,438,439],{"class":172,"line":335},[170,440,323],{"emptyLinePlaceholder":322},[170,442,443],{"class":172,"line":340},[170,444,445],{"class":391},"Le service l'affiche en haut de chaque page.\n",[170,447,448],{"class":172,"line":383},[170,449,323],{"emptyLinePlaceholder":322},[170,451,452,455,457,459,461,463,465,468,470,473,475,477,480,482,485,487,489,492,494,497,499,501,504,506],{"class":172,"line":388},[170,453,454],{"class":187},"::",[170,456,398],{"class":183},[170,458,348],{"class":187},[170,460,276],{"class":351},[170,462,354],{"class":187},[170,464,357],{"class":187},[170,466,467],{"class":191},"components-notice--default",[170,469,357],{"class":187},[170,471,472],{"class":351}," ratio",[170,474,354],{"class":187},[170,476,357],{"class":187},[170,478,479],{"class":191},"5\u002F1",[170,481,357],{"class":187},[170,483,484],{"class":351}," viewport",[170,486,354],{"class":187},[170,488,357],{"class":187},[170,490,491],{"class":191},"1000",[170,493,357],{"class":187},[170,495,496],{"class":351}," label",[170,498,354],{"class":187},[170,500,357],{"class":187},[170,502,503],{"class":191},"Bandeau d'information importante",[170,505,357],{"class":187},[170,507,380],{"class":187},[170,509,511],{"class":172,"line":510},10,[170,512,513],{"class":187},"::\n",[125,515,516,519,520,523,524,527,528,530,531,534],{},[148,517,518],{},"ratio"," donne la forme du cadre, par un nom comme ",[148,521,522],{},"wide"," (16\u002F9) et ",[148,525,526],{},"portrait"," (3\u002F4), ou par un rapport comme ",[148,529,479],{},". ",[148,532,533],{},"viewport"," donne la largeur, en pixels, de la page de la story avant sa réduction à la taille du cadre : une valeur plus grande montre une plus grande partie de la page, une valeur plus petite grossit le composant.",[125,536,537,538,541,542,214,544,547],{},"Pour plusieurs stories côte à côte, ",[148,539,540],{},"Screens"," range ses composants ",[148,543,398],{},[148,545,546],{},"cols"," colonnes.",[292,549,550],{},[161,551,553],{"className":296,"code":552,"language":298,"meta":166,"style":166},"---\nstorybook: https:\u002F\u002Fcomponents.react-dsfr.codegouv.studio\n---\n\n### Les trois variantes du bouton\n\n:::Screens{cols=\"3\"}\n::StoryFrame{story=\"components-button--default\" ratio=\"wide\" viewport=\"260\" label=\"Principal\"}\n::\n::StoryFrame{story=\"components-button--button-secondary\" ratio=\"wide\" viewport=\"260\" label=\"Secondaire\"}\n::\n::StoryFrame{story=\"components-button--button-tertiary\" ratio=\"wide\" viewport=\"260\" label=\"Tertiaire\"}\n::\n:::\n",[148,554,555,559,567,571,575,582,586,608,660,664,716,721,774,779],{"__ignoreMap":166},[170,556,557],{"class":172,"line":173},[170,558,177],{"class":187},[170,560,561,563,565],{"class":172,"line":180},[170,562,150],{"class":183},[170,564,188],{"class":187},[170,566,313],{"class":191},[170,568,569],{"class":172,"line":195},[170,570,177],{"class":187},[170,572,573],{"class":172,"line":205},[170,574,323],{"emptyLinePlaceholder":322},[170,576,577,579],{"class":172,"line":326},[170,578,329],{"class":187},[170,580,581],{"class":176},"Les trois variantes du bouton\n",[170,583,584],{"class":172,"line":335},[170,585,323],{"emptyLinePlaceholder":322},[170,587,588,591,593,595,597,599,601,604,606],{"class":172,"line":340},[170,589,590],{"class":187},":::",[170,592,540],{"class":183},[170,594,348],{"class":187},[170,596,546],{"class":351},[170,598,354],{"class":187},[170,600,357],{"class":187},[170,602,603],{"class":191},"3",[170,605,357],{"class":187},[170,607,380],{"class":187},[170,609,610,612,614,616,618,620,622,624,626,628,630,632,634,636,638,640,642,645,647,649,651,653,656,658],{"class":172,"line":383},[170,611,454],{"class":187},[170,613,398],{"class":183},[170,615,348],{"class":187},[170,617,276],{"class":351},[170,619,354],{"class":187},[170,621,357],{"class":187},[170,623,232],{"class":191},[170,625,357],{"class":187},[170,627,472],{"class":351},[170,629,354],{"class":187},[170,631,357],{"class":187},[170,633,522],{"class":191},[170,635,357],{"class":187},[170,637,484],{"class":351},[170,639,354],{"class":187},[170,641,357],{"class":187},[170,643,644],{"class":191},"260",[170,646,357],{"class":187},[170,648,496],{"class":351},[170,650,354],{"class":187},[170,652,357],{"class":187},[170,654,655],{"class":191},"Principal",[170,657,357],{"class":187},[170,659,380],{"class":187},[170,661,662],{"class":172,"line":388},[170,663,513],{"class":187},[170,665,666,668,670,672,674,676,678,681,683,685,687,689,691,693,695,697,699,701,703,705,707,709,712,714],{"class":172,"line":510},[170,667,454],{"class":187},[170,669,398],{"class":183},[170,671,348],{"class":187},[170,673,276],{"class":351},[170,675,354],{"class":187},[170,677,357],{"class":187},[170,679,680],{"class":191},"components-button--button-secondary",[170,682,357],{"class":187},[170,684,472],{"class":351},[170,686,354],{"class":187},[170,688,357],{"class":187},[170,690,522],{"class":191},[170,692,357],{"class":187},[170,694,484],{"class":351},[170,696,354],{"class":187},[170,698,357],{"class":187},[170,700,644],{"class":191},[170,702,357],{"class":187},[170,704,496],{"class":351},[170,706,354],{"class":187},[170,708,357],{"class":187},[170,710,711],{"class":191},"Secondaire",[170,713,357],{"class":187},[170,715,380],{"class":187},[170,717,719],{"class":172,"line":718},11,[170,720,513],{"class":187},[170,722,724,726,728,730,732,734,736,739,741,743,745,747,749,751,753,755,757,759,761,763,765,767,770,772],{"class":172,"line":723},12,[170,725,454],{"class":187},[170,727,398],{"class":183},[170,729,348],{"class":187},[170,731,276],{"class":351},[170,733,354],{"class":187},[170,735,357],{"class":187},[170,737,738],{"class":191},"components-button--button-tertiary",[170,740,357],{"class":187},[170,742,472],{"class":351},[170,744,354],{"class":187},[170,746,357],{"class":187},[170,748,522],{"class":191},[170,750,357],{"class":187},[170,752,484],{"class":351},[170,754,354],{"class":187},[170,756,357],{"class":187},[170,758,644],{"class":191},[170,760,357],{"class":187},[170,762,496],{"class":351},[170,764,354],{"class":187},[170,766,357],{"class":187},[170,768,769],{"class":191},"Tertiaire",[170,771,357],{"class":187},[170,773,380],{"class":187},[170,775,777],{"class":172,"line":776},13,[170,778,513],{"class":187},[170,780,782],{"class":172,"line":781},14,[170,783,784],{"class":187},":::\n",[125,786,787,788,791],{},"La ",[132,789,790],{"href":105},"référence de @vignettes\u002Fstorybook"," décrit leurs autres attributs.",[140,793,795],{"id":794},"quand-le-cadre-affiche-une-erreur","Quand le cadre affiche une erreur",[797,798,799,803,815,821],"ul",{},[800,801,802],"li",{},"« Couldn't find story matching » : l'identifiant ne correspond à aucune story. Recopiez-le depuis l'adresse de la story ouverte dans le Storybook.",[800,804,805,806,808,809,811,812,814],{},"« Indiquez une story, avec la clé storybook dans l'en-tête de la présentation… » : l'en-tête n'a pas de clé ",[148,807,150],{},". Une annotation ",[148,810,272],{}," avec ",[148,813,276],{}," n'affiche alors aucun cadre.",[800,816,817,818,820],{},"Une page 404 : l'adresse de la clé ",[148,819,150],{}," ne mène à aucun Storybook. Le Storybook de la branche est peut-être en cours de publication, ou supprimé avec la branche.",[800,822,823,824,827,828,831,832,835,836,839],{},"Un cadre vide, ou la page d'erreur du navigateur : l'adresse est en ",[148,825,826],{},"http:\u002F\u002F",", ou le serveur du Storybook interdit son affichage dans une autre page. Il doit servir le Storybook sans en-tête ",[148,829,830],{},"X-Frame-Options",", ou avec l'adresse du studio dans la directive ",[148,833,834],{},"frame-ancestors"," de son en-tête ",[148,837,838],{},"Content-Security-Policy",". GitHub Pages sert un Storybook sans ces en-têtes ; pour un autre hébergement, demandez à l'équipe qui le publie d'autoriser l'adresse du studio.",[841,842,843],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}",{"title":166,"searchDepth":180,"depth":180,"links":845},[846,847,848,849],{"id":142,"depth":180,"text":143},{"id":221,"depth":180,"text":222},{"id":265,"depth":180,"text":266},{"id":794,"depth":180,"text":795},"Afficher dans une diapositive une story du Storybook de votre équipe, publié pour la branche principale ou pour une branche en cours, rendue en direct.","md",{},{"title":34},{"title":120,"description":850},"TWBJylKLrIzW-l7Ype4NOh44CJWSqrhRXZWKh-x22v0",[857,859],{"title":30,"path":31,"stem":32,"description":858,"children":-1},"À quoi sert chaque famille de composants, et laquelle choisir pour une diapositive.",{"title":38,"path":39,"stem":40,"description":860,"children":-1},"Téléverser une image dans le studio et l'afficher à droite du texte d'une diapositive.",1793470085959]