[{"data":1,"prerenderedAt":362},["ShallowReactive",2],{"navigation_docs":3,"-ecrire-image-a-cote-du-texte":81,"-ecrire-image-a-cote-du-texte-surround":357},[4,15,63],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":14},"Démarrer","i-lucide-rocket","\u002Fdemarrer","1.demarrer",[10],{"title":11,"path":12,"stem":13},"Votre première présentation","\u002Fdemarrer\u002Fpremiere-presentation","1.demarrer\u002F1.premiere-presentation",false,{"title":16,"icon":17,"path":18,"stem":19,"children":20,"page":14},"Écrire","i-lucide-pen-line","\u002Fecrire","2.ecrire",[21,25,29,33,37,41,45],{"title":22,"path":23,"stem":24},"La syntaxe","\u002Fecrire\u002Fsyntaxe","2.ecrire\u002F1.syntaxe",{"title":26,"path":27,"stem":28},"Les composants","\u002Fecrire\u002Fcomposants","2.ecrire\u002F2.composants",{"title":30,"path":31,"stem":32},"Intégrer une story Storybook","\u002Fecrire\u002Fstory-storybook","2.ecrire\u002F3.story-storybook",{"title":34,"path":35,"stem":36},"Placer une image à côté du texte","\u002Fecrire\u002Fimage-a-cote-du-texte","2.ecrire\u002F4.image-a-cote-du-texte",{"title":38,"path":39,"stem":40},"Ajouter des notes de présentation","\u002Fecrire\u002Fnotes-de-presentation","2.ecrire\u002F5.notes-de-presentation",{"title":42,"path":43,"stem":44},"Exporter en PDF","\u002Fecrire\u002Fexport-pdf","2.ecrire\u002F6.export-pdf",{"title":46,"icon":47,"path":48,"stem":49,"children":50,"page":14},"Référence","i-lucide-book-open","\u002Fecrire\u002Freference","ecrire\u002Freference",[51,55,59],{"title":52,"path":53,"stem":54},"@vignettes\u002Fnuxt","\u002Fecrire\u002Freference\u002Fnuxt","ecrire\u002Freference\u002Fnuxt\u002FREADME",{"title":56,"path":57,"stem":58},"@vignettes\u002Fschemas","\u002Fecrire\u002Freference\u002Fschemas","ecrire\u002Freference\u002Fschemas\u002FREADME",{"title":60,"path":61,"stem":62},"@vignettes\u002Fstorybook","\u002Fecrire\u002Freference\u002Fstorybook","ecrire\u002Freference\u002Fstorybook\u002FREADME",{"title":64,"icon":65,"path":66,"stem":67,"children":68,"page":14},"Studio","i-lucide-layout-grid","\u002Fstudio","3.studio",[69,73,77],{"title":70,"path":71,"stem":72},"Les rôles","\u002Fstudio\u002Froles","3.studio\u002F1.roles",{"title":74,"path":75,"stem":76},"Visibilité et partage","\u002Fstudio\u002Fvisibilite-et-partage","3.studio\u002F2.visibilite-et-partage",{"title":78,"path":79,"stem":80},"Versions et brouillon","\u002Fstudio\u002Fversions-et-brouillon","3.studio\u002F3.versions-et-brouillon",{"id":82,"title":34,"body":83,"description":352,"extension":353,"meta":354,"navigation":217,"path":35,"seo":355,"stem":36,"__hash__":356},"docs\u002F2.ecrire\u002F4.image-a-cote-du-texte.md",{"type":84,"value":85,"toc":347},"minimark",[86,91,100,157,163,167,196,290,300,304,335,343],[87,88,90],"h2",{"id":89},"téléverser-limage","Téléverser l'image",[92,93,94,95,99],"p",{},"Dans l'éditeur du studio, collez l'image (Ctrl + V, ou Cmd + V sur Mac) ou glissez son fichier dans le texte. Le studio téléverse l'image et insère un bloc ",[96,97,98],"code",{},"Image"," à l'endroit du curseur :",[101,102,107],"pre",{"className":103,"code":104,"language":105,"meta":106,"style":106},"language-mdc shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","::Image{src=\"\u002Fmedia\u002F3f9a….png\" alt=\"\"}\n::\n","mdc","",[96,108,109,151],{"__ignoreMap":106},[110,111,114,118,121,124,128,131,134,138,140,143,145,148],"span",{"class":112,"line":113},"line",1,[110,115,117],{"class":116},"sMK4o","::",[110,119,98],{"class":120},"swJcz",[110,122,123],{"class":116},"{",[110,125,127],{"class":126},"spNyl","src",[110,129,130],{"class":116},"=",[110,132,133],{"class":116},"\"",[110,135,137],{"class":136},"sfazB","\u002Fmedia\u002F3f9a….png",[110,139,133],{"class":116},[110,141,142],{"class":126}," alt",[110,144,130],{"class":116},[110,146,147],{"class":116},"\"\"",[110,149,150],{"class":116},"}\n",[110,152,154],{"class":112,"line":153},2,[110,155,156],{"class":116},"::\n",[92,158,159,160,162],{},"L'image doit peser moins de 10 Mo. La valeur de ",[96,161,127],{}," est l'adresse de l'image dans le studio.",[87,164,166],{"id":165},"placer-limage-à-droite-du-texte","Placer l'image à droite du texte",[168,169,170,180,193],"ol",{},[171,172,173,174,176,177,179],"li",{},"Copiez la valeur de ",[96,175,127],{},", puis supprimez le bloc ",[96,178,98],{},".",[171,181,182,183,186,187,190,191,179],{},"Sous le titre de la diapositive, écrivez une annotation ",[96,184,185],{},":layout"," avec la mise en page ",[96,188,189],{},"media-right"," et l'adresse copiée dans ",[96,192,127],{},[171,194,195],{},"Écrivez le texte de la diapositive sous l'annotation.",[197,198,199],"deck-example",{},[101,200,202],{"className":103,"code":201,"language":105,"meta":106,"style":106},"### Le catalogue\n\n:layout{name=\"media-right\" src=\"\u002Fimages\u002Fstudio\u002Fcatalogue.png\" fit=\"contain\"}\n\nLe catalogue range les présentations par dossier.\n\nLe bouton « Nouvelle présentation » ouvre la fenêtre de création.\n",[96,203,204,213,219,267,272,279,284],{"__ignoreMap":106},[110,205,206,209],{"class":112,"line":113},[110,207,208],{"class":116},"### ",[110,210,212],{"class":211},"sBMFI","Le catalogue\n",[110,214,215],{"class":112,"line":153},[110,216,218],{"emptyLinePlaceholder":217},true,"\n",[110,220,222,225,228,230,233,235,237,239,241,244,246,248,251,253,256,258,260,263,265],{"class":112,"line":221},3,[110,223,224],{"class":116},":",[110,226,227],{"class":120},"layout",[110,229,123],{"class":116},[110,231,232],{"class":126},"name",[110,234,130],{"class":116},[110,236,133],{"class":116},[110,238,189],{"class":136},[110,240,133],{"class":116},[110,242,243],{"class":126}," src",[110,245,130],{"class":116},[110,247,133],{"class":116},[110,249,250],{"class":136},"\u002Fimages\u002Fstudio\u002Fcatalogue.png",[110,252,133],{"class":116},[110,254,255],{"class":126}," fit",[110,257,130],{"class":116},[110,259,133],{"class":116},[110,261,262],{"class":136},"contain",[110,264,133],{"class":116},[110,266,150],{"class":116},[110,268,270],{"class":112,"line":269},4,[110,271,218],{"emptyLinePlaceholder":217},[110,273,275],{"class":112,"line":274},5,[110,276,278],{"class":277},"sTEyZ","Le catalogue range les présentations par dossier.\n",[110,280,282],{"class":112,"line":281},6,[110,283,218],{"emptyLinePlaceholder":217},[110,285,287],{"class":112,"line":286},7,[110,288,289],{"class":277},"Le bouton « Nouvelle présentation » ouvre la fenêtre de création.\n",[92,291,292,295,296,299],{},[96,293,294],{},"fit=\"contain\""," affiche l'image entière dans son panneau. Avec ",[96,297,298],{},"fit=\"cover\"",", la valeur par défaut, l'image remplit le panneau et ses bords peuvent être coupés.",[87,301,303],{"id":302},"choisir-une-autre-disposition","Choisir une autre disposition",[305,306,307,313,323,329],"ul",{},[171,308,309,312],{},[96,310,311],{},"media-left"," place l'image à gauche du texte.",[171,314,315,318,319,322],{},[96,316,317],{},"media-right-wide"," et ",[96,320,321],{},"media-left-wide"," donnent plus de largeur à l'image.",[171,324,325,328],{},[96,326,327],{},"media-below"," place l'image sous le titre, sur toute la largeur.",[171,330,331,334],{},[96,332,333],{},"lightbox=\"true\""," agrandit l'image au clic.",[92,336,337,338,342],{},"La ",[339,340,341],"a",{"href":53},"référence du module de rendu"," décrit toutes les mises en page.",[344,345,346],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}",{"title":106,"searchDepth":153,"depth":153,"links":348},[349,350,351],{"id":89,"depth":153,"text":90},{"id":165,"depth":153,"text":166},{"id":302,"depth":153,"text":303},"Téléverser une image dans le studio et l'afficher à droite du texte d'une diapositive.","md",{},{"title":34,"description":352},"UUS1SJnRsJv2hETxttOjPiMhZZONrx2WZvuUjvk6QY8",[358,360],{"title":30,"path":31,"stem":32,"description":359,"children":-1},"Afficher dans une diapositive un écran de votre design system, rendu en direct depuis son Storybook.",{"title":38,"path":39,"stem":40,"description":361,"children":-1},"Écrire les notes de l'orateur d'une diapositive et les lire dans la vue conférencier.",1792517109438]