[{"data":1,"prerenderedAt":761},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:nX4ot-DziSegtEb6UXy7GeSf-Hy_ZvF9ZYS_BrfVM7A":235,"content-page-surround:docs:nX4ot-DziSegtEb6UXy7GeSf-Hy_ZvF9ZYS_BrfVM7A":750,"i-logos:vue":753,"i-lucide:clipboard":758},[4,50,111,152,214],{"title":5,"page":6,"canonicalKey":7,"locale":8,"id":9,"draft":6,"icon":10,"sidebar":11,"children":12},"Start",false,"1","en","content:docs:1.start:.navigation.yml","i-lucide-rocket","section",[13,19,24,29,35,40,45],{"title":14,"id":15,"canonicalKey":16,"locale":8,"draft":6,"navigation":17,"path":18},"Why Nuxt Photo","content:docs:1.start:1.why-nuxt-photo.md","1\u002F1",{"title":14},"\u002Fdocs\u002Fstart\u002Fwhy-nuxt-photo",{"title":20,"id":21,"canonicalKey":22,"locale":8,"draft":6,"path":23},"Install Nuxt Photo","content:docs:1.start:2.installation.md","1\u002F2","\u002Fdocs\u002Fstart\u002Finstallation",{"title":25,"id":26,"canonicalKey":27,"locale":8,"draft":6,"path":28},"Build your first album","content:docs:1.start:3.build-your-first-album.md","1\u002F3","\u002Fdocs\u002Fstart\u002Fbuild-your-first-album",{"title":30,"id":31,"canonicalKey":32,"locale":8,"draft":6,"navigation":33,"path":34},"Choose a component","content:docs:1.start:4.choose-a-component.md","1\u002F4",{"title":30},"\u002Fdocs\u002Fstart\u002Fchoose-a-component",{"title":36,"id":37,"canonicalKey":38,"locale":8,"draft":6,"path":39},"Use Nuxt Photo with Vue","content:docs:1.start:5.plain-vue.md","1\u002F5","\u002Fdocs\u002Fstart\u002Fplain-vue",{"title":41,"id":42,"canonicalKey":43,"locale":8,"draft":6,"path":44},"Compare gallery approaches","content:docs:1.start:6.compare-approaches.md","1\u002F6","\u002Fdocs\u002Fstart\u002Fcompare-approaches",{"title":46,"id":47,"canonicalKey":48,"locale":8,"draft":6,"path":49},"Performance and bundle size","content:docs:1.start:7.performance-and-bundle-size.md","1\u002F7","\u002Fdocs\u002Fstart\u002Fperformance-and-bundle-size",{"title":51,"page":6,"canonicalKey":52,"locale":8,"id":53,"draft":6,"icon":54,"children":55},"Guides","2","content:docs:2.guides:.navigation.yml","i-lucide-route",[56,61,66,71,76,81,86,91,96,101,106],{"title":57,"id":58,"canonicalKey":59,"locale":8,"draft":6,"path":60},"Use CMS photos","content:docs:2.guides:1.use-cms-photos.md","2\u002F1","\u002Fdocs\u002Fguides\u002Fuse-cms-photos",{"title":62,"id":63,"canonicalKey":64,"locale":8,"draft":6,"path":65},"Use Nuxt Image","content:docs:2.guides:2.use-nuxt-image.md","2\u002F2","\u002Fdocs\u002Fguides\u002Fuse-nuxt-image",{"title":67,"id":68,"canonicalKey":69,"locale":8,"draft":6,"path":70},"Style with Tailwind","content:docs:2.guides:3.style-with-tailwind.md","2\u002F3","\u002Fdocs\u002Fguides\u002Fstyle-with-tailwind",{"title":72,"id":73,"canonicalKey":74,"locale":8,"draft":6,"path":75},"Share one lightbox","content:docs:2.guides:4.share-one-lightbox.md","2\u002F4","\u002Fdocs\u002Fguides\u002Fshare-one-lightbox",{"title":77,"id":78,"canonicalKey":79,"locale":8,"draft":6,"path":80},"Build a carousel","content:docs:2.guides:5.build-a-carousel.md","2\u002F5","\u002Fdocs\u002Fguides\u002Fbuild-a-carousel",{"title":82,"id":83,"canonicalKey":84,"locale":8,"draft":6,"path":85},"Tune responsive layouts","content:docs:2.guides:6.tune-responsive-layouts.md","2\u002F6","\u002Fdocs\u002Fguides\u002Ftune-responsive-layouts",{"title":87,"id":88,"canonicalKey":89,"locale":8,"draft":6,"path":90},"Create a custom thumbnail layout","content:docs:2.guides:7.create-a-custom-thumbnail-layout.md","2\u002F7","\u002Fdocs\u002Fguides\u002Fcreate-a-custom-thumbnail-layout",{"title":92,"id":93,"canonicalKey":94,"locale":8,"draft":6,"path":95},"Customize the built-in lightbox","content:docs:2.guides:8.customize-the-built-in-lightbox.md","2\u002F8","\u002Fdocs\u002Fguides\u002Fcustomize-the-built-in-lightbox",{"title":97,"id":98,"canonicalKey":99,"locale":8,"draft":6,"path":100},"Build a lightbox from primitives","content:docs:2.guides:9.build-a-lightbox-from-primitives.md","2\u002F9","\u002Fdocs\u002Fguides\u002Fbuild-a-lightbox-from-primitives",{"title":102,"id":103,"canonicalKey":104,"locale":8,"draft":6,"path":105},"Integrate a custom image service","content:docs:2.guides:10.integrate-a-custom-image-service.md","2\u002F10","\u002Fdocs\u002Fguides\u002Fintegrate-a-custom-image-service",{"title":107,"id":108,"canonicalKey":109,"locale":8,"draft":6,"path":110},"Control a lightbox programmatically","content:docs:2.guides:11.control-a-lightbox-programmatically.md","2\u002F11","\u002Fdocs\u002Fguides\u002Fcontrol-a-lightbox-programmatically",{"title":112,"page":6,"canonicalKey":113,"locale":8,"id":114,"draft":6,"icon":115,"children":116},"Concepts","3","content:docs:3.concepts:.navigation.yml","i-lucide-compass",[117,122,127,132,137,142,147],{"title":118,"id":119,"canonicalKey":120,"locale":8,"draft":6,"path":121},"Photo data and dimensions","content:docs:3.concepts:1.photo-data-and-dimensions.md","3\u002F1","\u002Fdocs\u002Fconcepts\u002Fphoto-data-and-dimensions",{"title":123,"id":124,"canonicalKey":125,"locale":8,"draft":6,"path":126},"Collections and navigation order","content:docs:3.concepts:2.collections-and-navigation-order.md","3\u002F2","\u002Fdocs\u002Fconcepts\u002Fcollections-and-navigation-order",{"title":128,"id":129,"canonicalKey":130,"locale":8,"draft":6,"path":131},"Layouts and responsive values","content:docs:3.concepts:3.layouts-and-responsive-values.md","3\u002F3","\u002Fdocs\u002Fconcepts\u002Flayouts-and-responsive-values",{"title":133,"id":134,"canonicalKey":135,"locale":8,"draft":6,"path":136},"SSR and layout stability","content:docs:3.concepts:4.ssr-and-layout-stability.md","3\u002F4","\u002Fdocs\u002Fconcepts\u002Fssr-and-layout-stability",{"title":138,"id":139,"canonicalKey":140,"locale":8,"draft":6,"path":141},"Image delivery","content:docs:3.concepts:5.image-delivery.md","3\u002F5","\u002Fdocs\u002Fconcepts\u002Fimage-delivery",{"title":143,"id":144,"canonicalKey":145,"locale":8,"draft":6,"path":146},"Lightbox, gestures, and accessibility","content:docs:3.concepts:6.lightbox-gestures-and-accessibility.md","3\u002F6","\u002Fdocs\u002Fconcepts\u002Flightbox-gestures-and-accessibility",{"title":148,"id":149,"canonicalKey":150,"locale":8,"draft":6,"path":151},"Customization levels","content:docs:3.concepts:7.customization-levels.md","3\u002F7","\u002Fdocs\u002Fconcepts\u002Fcustomization-levels",{"title":153,"id":154,"canonicalKey":155,"locale":8,"draft":6,"icon":156,"sidebar":11,"path":157,"children":158},"Reference","content:docs:4.reference:.navigation.yml","4","i-lucide-braces","\u002Fdocs\u002Freference",[159,164,169,174,179,184,189,194,199,204,209],{"title":160,"id":161,"canonicalKey":162,"locale":8,"draft":6,"path":163},"Photo","content:docs:4.reference:2.photo.md","4\u002F2","\u002Fdocs\u002Freference\u002Fphoto",{"title":165,"id":166,"canonicalKey":167,"locale":8,"draft":6,"path":168},"PhotoAlbum","content:docs:4.reference:3.photo-album.md","4\u002F3","\u002Fdocs\u002Freference\u002Fphoto-album",{"title":170,"id":171,"canonicalKey":172,"locale":8,"draft":6,"path":173},"PhotoGroup","content:docs:4.reference:4.photo-group.md","4\u002F4","\u002Fdocs\u002Freference\u002Fphoto-group",{"title":175,"id":176,"canonicalKey":177,"locale":8,"draft":6,"path":178},"PhotoCarousel","content:docs:4.reference:5.photo-carousel.md","4\u002F5","\u002Fdocs\u002Freference\u002Fphoto-carousel",{"title":180,"id":181,"canonicalKey":182,"locale":8,"draft":6,"path":183},"Lightbox","content:docs:4.reference:6.lightbox.md","4\u002F6","\u002Fdocs\u002Freference\u002Flightbox",{"title":185,"id":186,"canonicalKey":187,"locale":8,"draft":6,"path":188},"Lightbox primitives API","content:docs:4.reference:7.primitives.md","4\u002F7","\u002Fdocs\u002Freference\u002Fprimitives",{"title":190,"id":191,"canonicalKey":192,"locale":8,"draft":6,"path":193},"Composables","content:docs:4.reference:8.composables.md","4\u002F8","\u002Fdocs\u002Freference\u002Fcomposables",{"title":195,"id":196,"canonicalKey":197,"locale":8,"draft":6,"path":198},"Configuration and labels","content:docs:4.reference:9.configuration-and-labels.md","4\u002F9","\u002Fdocs\u002Freference\u002Fconfiguration-and-labels",{"title":200,"id":201,"canonicalKey":202,"locale":8,"draft":6,"path":203},"Types","content:docs:4.reference:10.types.md","4\u002F10","\u002Fdocs\u002Freference\u002Ftypes",{"title":205,"id":206,"canonicalKey":207,"locale":8,"draft":6,"path":208},"CSS","content:docs:4.reference:11.css.md","4\u002F11","\u002Fdocs\u002Freference\u002Fcss",{"title":210,"id":211,"canonicalKey":212,"locale":8,"draft":6,"path":213},"Package exports","content:docs:4.reference:12.package-exports.md","4\u002F12","\u002Fdocs\u002Freference\u002Fpackage-exports",{"title":215,"page":6,"canonicalKey":216,"locale":8,"id":217,"draft":6,"icon":218,"children":219},"Help","5","content:docs:5.help:.navigation.yml","i-lucide-life-buoy",[220,225,230],{"title":221,"id":222,"canonicalKey":223,"locale":8,"draft":6,"path":224},"Troubleshooting","content:docs:5.help:1.troubleshooting.md","5\u002F1","\u002Fdocs\u002Fhelp\u002Ftroubleshooting",{"title":226,"id":227,"canonicalKey":228,"locale":8,"draft":6,"path":229},"Known constraints","content:docs:5.help:2.known-constraints.md","5\u002F2","\u002Fdocs\u002Fhelp\u002Fknown-constraints",{"title":231,"id":232,"canonicalKey":233,"locale":8,"draft":6,"path":234},"Upgrade from 0.2 to 1.0","content:docs:5.help:3.upgrade-from-0-2-to-1-0.md","5\u002F3","\u002Fdocs\u002Fhelp\u002Fupgrade-from-0-2-to-1-0",{"navigation":236,"title":30,"description":237,"body":238,"type":737,"id":31,"canonicalKey":32,"draft":6,"partial":6,"locale":8,"collection":738,"navigationFile":6,"file":739,"route":745,"resolution":747},{"title":30},"Pick Photo, PhotoAlbum, PhotoGroup, or PhotoCarousel for the result you need.",{"type":239,"children":240,"toc":727},"root",[241,256,260,265,274,292,359,364,373,381,391,460,465,473,481,491,574,585,592,600,610,681,686,693,699,718],{"type":242,"tag":243,"props":244,"children":245},"element","p",{},[246,249,254],{"type":247,"value":248},"text","Start with the component that already owns the layout and navigation you need.\nMost applications use ",{"type":242,"tag":250,"props":251,"children":252},"code",{},[253],{"type":247,"value":165},{"type":247,"value":255},".",{"type":242,"tag":257,"props":258,"children":259},"decision-guide",{},[],{"type":242,"tag":243,"props":261,"children":262},{},[263],{"type":247,"value":264},"All four components accept the same photo data. Nuxt registers them\nautomatically after you install the module.",{"type":242,"tag":266,"props":267,"children":269},"h2",{"id":268},"photo",[270],{"type":242,"tag":250,"props":271,"children":272},{},[273],{"type":247,"value":160},{"type":242,"tag":243,"props":275,"children":276},{},[277,279,283,285,290],{"type":247,"value":278},"Use ",{"type":242,"tag":250,"props":280,"children":281},{},[282],{"type":247,"value":160},{"type":247,"value":284}," for one image. Add ",{"type":242,"tag":250,"props":286,"children":287},{},[288],{"type":247,"value":289},"lightbox",{"type":247,"value":291}," when selecting it should open the\nviewer.",{"type":242,"tag":293,"props":294,"children":297},"pre",{"language":295,"class":296},"vue","shiki shiki-themes material-theme-lighter material-theme-palenight dark:material-theme-palenight",[298],{"type":242,"tag":250,"props":299,"children":301},{"class":300},"language-vue",[302],{"type":242,"tag":303,"props":304,"children":307},"span",{"class":305,"style":306},"line","display: inline",[308,314,319,324,329,334,339,345,349,354],{"type":242,"tag":303,"props":309,"children":311},{"style":310},"color:#39ADB5;--shiki-dark:#89DDFF",[312],{"type":247,"value":313},"\u003C",{"type":242,"tag":303,"props":315,"children":317},{"style":316},"color:#E53935;--shiki-dark:#F07178",[318],{"type":247,"value":160},{"type":242,"tag":303,"props":320,"children":321},{"style":310},[322],{"type":247,"value":323}," :",{"type":242,"tag":303,"props":325,"children":327},{"style":326},"color:#9C3EDA;--shiki-dark:#C792EA",[328],{"type":247,"value":268},{"type":242,"tag":303,"props":330,"children":331},{"style":310},[332],{"type":247,"value":333},"=",{"type":242,"tag":303,"props":335,"children":336},{"style":310},[337],{"type":247,"value":338},"\"",{"type":242,"tag":303,"props":340,"children":342},{"style":341},"color:#90A4AE;--shiki-dark:#BABED8",[343],{"type":247,"value":344},"cover",{"type":242,"tag":303,"props":346,"children":347},{"style":310},[348],{"type":247,"value":338},{"type":242,"tag":303,"props":350,"children":351},{"style":326},[352],{"type":247,"value":353}," lightbox",{"type":242,"tag":303,"props":355,"children":356},{"style":310},[357],{"type":247,"value":358}," \u002F>",{"type":242,"tag":243,"props":360,"children":361},{},[362],{"type":247,"value":363},"Use it for a cover, article image, or any isolated photo. It does not create a\nmulti-photo collection.",{"type":242,"tag":243,"props":365,"children":366},{},[367],{"type":242,"tag":368,"props":369,"children":370},"a",{"href":163},[371],{"type":247,"value":372},"Photo reference",{"type":242,"tag":266,"props":374,"children":376},{"id":375},"photoalbum",[377],{"type":242,"tag":250,"props":378,"children":379},{},[380],{"type":247,"value":165},{"type":242,"tag":243,"props":382,"children":383},{},[384,385,389],{"type":247,"value":278},{"type":242,"tag":250,"props":386,"children":387},{},[388],{"type":247,"value":165},{"type":247,"value":390}," for responsive photo rows, columns, or masonry. Its lightbox is\nenabled by default.",{"type":242,"tag":293,"props":392,"children":393},{"language":295,"class":296},[394],{"type":242,"tag":250,"props":395,"children":396},{"class":300},[397],{"type":242,"tag":303,"props":398,"children":399},{"class":305,"style":306},[400,404,408,412,417,421,425,429,433,438,442,446,452,456],{"type":242,"tag":303,"props":401,"children":402},{"style":310},[403],{"type":247,"value":313},{"type":242,"tag":303,"props":405,"children":406},{"style":316},[407],{"type":247,"value":165},{"type":242,"tag":303,"props":409,"children":410},{"style":310},[411],{"type":247,"value":323},{"type":242,"tag":303,"props":413,"children":414},{"style":326},[415],{"type":247,"value":416},"photos",{"type":242,"tag":303,"props":418,"children":419},{"style":310},[420],{"type":247,"value":333},{"type":242,"tag":303,"props":422,"children":423},{"style":310},[424],{"type":247,"value":338},{"type":242,"tag":303,"props":426,"children":427},{"style":341},[428],{"type":247,"value":416},{"type":242,"tag":303,"props":430,"children":431},{"style":310},[432],{"type":247,"value":338},{"type":242,"tag":303,"props":434,"children":435},{"style":326},[436],{"type":247,"value":437}," layout",{"type":242,"tag":303,"props":439,"children":440},{"style":310},[441],{"type":247,"value":333},{"type":242,"tag":303,"props":443,"children":444},{"style":310},[445],{"type":247,"value":338},{"type":242,"tag":303,"props":447,"children":449},{"style":448},"color:#91B859;--shiki-dark:#C3E88D",[450],{"type":247,"value":451},"rows",{"type":242,"tag":303,"props":453,"children":454},{"style":310},[455],{"type":247,"value":338},{"type":242,"tag":303,"props":457,"children":458},{"style":310},[459],{"type":247,"value":358},{"type":242,"tag":243,"props":461,"children":462},{},[463],{"type":247,"value":464},"This is the normal starting point for a gallery page.",{"type":242,"tag":243,"props":466,"children":467},{},[468],{"type":242,"tag":368,"props":469,"children":470},{"href":168},[471],{"type":247,"value":472},"PhotoAlbum reference",{"type":242,"tag":266,"props":474,"children":476},{"id":475},"photogroup",[477],{"type":242,"tag":250,"props":478,"children":479},{},[480],{"type":247,"value":170},{"type":242,"tag":243,"props":482,"children":483},{},[484,485,489],{"type":247,"value":278},{"type":242,"tag":250,"props":486,"children":487},{},[488],{"type":247,"value":170},{"type":247,"value":490}," when several rendered sections must navigate through one\nexplicit photo collection.",{"type":242,"tag":293,"props":492,"children":493},{"language":295,"class":296},[494],{"type":242,"tag":250,"props":495,"children":496},{"class":300},[497,538,540,548,549,557,558],{"type":242,"tag":303,"props":498,"children":499},{"class":305,"style":306},[500,504,508,512,516,520,524,529,533],{"type":242,"tag":303,"props":501,"children":502},{"style":310},[503],{"type":247,"value":313},{"type":242,"tag":303,"props":505,"children":506},{"style":316},[507],{"type":247,"value":170},{"type":242,"tag":303,"props":509,"children":510},{"style":310},[511],{"type":247,"value":323},{"type":242,"tag":303,"props":513,"children":514},{"style":326},[515],{"type":247,"value":416},{"type":242,"tag":303,"props":517,"children":518},{"style":310},[519],{"type":247,"value":333},{"type":242,"tag":303,"props":521,"children":522},{"style":310},[523],{"type":247,"value":338},{"type":242,"tag":303,"props":525,"children":526},{"style":341},[527],{"type":247,"value":528},"allPhotos",{"type":242,"tag":303,"props":530,"children":531},{"style":310},[532],{"type":247,"value":338},{"type":242,"tag":303,"props":534,"children":535},{"style":310},[536],{"type":247,"value":537},">",{"type":247,"value":539},"\n",{"type":242,"tag":303,"props":541,"children":542},{"class":305,"style":306},[543],{"type":242,"tag":303,"props":544,"children":545},{"style":341},[546],{"type":247,"value":547},"  \u003CPhotoAlbum :photos=\"landscapes\" \u002F>",{"type":247,"value":539},{"type":242,"tag":303,"props":550,"children":551},{"class":305,"style":306},[552],{"type":242,"tag":303,"props":553,"children":554},{"style":341},[555],{"type":247,"value":556},"  \u003CPhotoAlbum :photos=\"portraits\" \u002F>",{"type":247,"value":539},{"type":242,"tag":303,"props":559,"children":560},{"class":305,"style":306},[561,566,570],{"type":242,"tag":303,"props":562,"children":563},{"style":310},[564],{"type":247,"value":565},"\u003C\u002F",{"type":242,"tag":303,"props":567,"children":568},{"style":316},[569],{"type":247,"value":170},{"type":242,"tag":303,"props":571,"children":572},{"style":310},[573],{"type":247,"value":537},{"type":242,"tag":243,"props":575,"children":576},{},[577,579,583],{"type":247,"value":578},"The ",{"type":242,"tag":250,"props":580,"children":581},{},[582],{"type":247,"value":416},{"type":247,"value":584}," prop defines the shared navigation order. Descendant albums connect\ntheir thumbnails by photo ID.",{"type":242,"tag":243,"props":586,"children":587},{},[588],{"type":242,"tag":368,"props":589,"children":590},{"href":75},[591],{"type":247,"value":72},{"type":242,"tag":266,"props":593,"children":595},{"id":594},"photocarousel",[596],{"type":242,"tag":250,"props":597,"children":598},{},[599],{"type":247,"value":175},{"type":242,"tag":243,"props":601,"children":602},{},[603,604,608],{"type":247,"value":278},{"type":242,"tag":250,"props":605,"children":606},{},[607],{"type":247,"value":175},{"type":247,"value":609}," for horizontal browsing. Its lightbox is off by default, so\nenable it only when selecting a slide should open the viewer.",{"type":242,"tag":293,"props":611,"children":612},{"language":295,"class":296},[613],{"type":242,"tag":250,"props":614,"children":615},{"class":300},[616],{"type":242,"tag":303,"props":617,"children":618},{"class":305,"style":306},[619,623,627,631,635,639,643,647,651,655,659,663,667,673,677],{"type":242,"tag":303,"props":620,"children":621},{"style":310},[622],{"type":247,"value":313},{"type":242,"tag":303,"props":624,"children":625},{"style":316},[626],{"type":247,"value":175},{"type":242,"tag":303,"props":628,"children":629},{"style":310},[630],{"type":247,"value":323},{"type":242,"tag":303,"props":632,"children":633},{"style":326},[634],{"type":247,"value":416},{"type":242,"tag":303,"props":636,"children":637},{"style":310},[638],{"type":247,"value":333},{"type":242,"tag":303,"props":640,"children":641},{"style":310},[642],{"type":247,"value":338},{"type":242,"tag":303,"props":644,"children":645},{"style":341},[646],{"type":247,"value":416},{"type":242,"tag":303,"props":648,"children":649},{"style":310},[650],{"type":247,"value":338},{"type":242,"tag":303,"props":652,"children":653},{"style":310},[654],{"type":247,"value":323},{"type":242,"tag":303,"props":656,"children":657},{"style":326},[658],{"type":247,"value":289},{"type":242,"tag":303,"props":660,"children":661},{"style":310},[662],{"type":247,"value":333},{"type":242,"tag":303,"props":664,"children":665},{"style":310},[666],{"type":247,"value":338},{"type":242,"tag":303,"props":668,"children":670},{"style":669},"color:#FF5370;--shiki-dark:#FF9CAC",[671],{"type":247,"value":672},"true",{"type":242,"tag":303,"props":674,"children":675},{"style":310},[676],{"type":247,"value":338},{"type":242,"tag":303,"props":678,"children":679},{"style":310},[680],{"type":247,"value":358},{"type":242,"tag":243,"props":682,"children":683},{},[684],{"type":247,"value":685},"The carousel supports arrows, thumbnails, dots, autoplay, looping, and\nright-to-left direction.",{"type":242,"tag":243,"props":687,"children":688},{},[689],{"type":242,"tag":368,"props":690,"children":691},{"href":80},[692],{"type":247,"value":77},{"type":242,"tag":266,"props":694,"children":696},{"id":695},"when-ready-made-components-are-not-enough",[697],{"type":247,"value":698},"When ready-made components are not enough",{"type":242,"tag":243,"props":700,"children":701},{},[702,704,709,711,716],{"type":247,"value":703},"First use component props, CSS variables, and slots. Use ",{"type":242,"tag":250,"props":705,"children":706},{},[707],{"type":247,"value":708},"LightboxProvider",{"type":247,"value":710},",\n",{"type":242,"tag":250,"props":712,"children":713},{},[714],{"type":247,"value":715},"PhotoTrigger",{"type":247,"value":717},", and the lightbox primitives only when the design requires a\ndifferent thumbnail layout or lightbox structure.",{"type":242,"tag":243,"props":719,"children":720},{},[721,725],{"type":242,"tag":368,"props":722,"children":723},{"href":151},[724],{"type":247,"value":148},{"type":247,"value":726}," explains the order\nwithout requiring you to learn the lower-level API now.",{"title":728,"searchDepth":729,"depth":729,"links":730},"",4,[731,733,734,735,736],{"id":268,"depth":732,"text":160},2,{"id":375,"depth":732,"text":165},{"id":475,"depth":732,"text":170},{"id":594,"depth":732,"text":175},{"id":695,"depth":732,"text":698},"markdown","docs",{"source":740,"path":741,"stem":742,"dir":743,"extension":744},"content","docs\u002F1.start\u002F4.choose-a-component.md","docs\u002F1.start\u002F4.choose-a-component","start","md",{"requestedPath":34,"resolvedPath":34,"alternates":746},[],{"requested":748,"resolved":749,"usedFallback":6},{},{"locale":8},{"previous":751,"next":752},{"title":25,"id":26,"canonicalKey":27,"locale":8,"draft":6,"path":28},{"title":36,"id":37,"canonicalKey":38,"locale":8,"draft":6,"path":39},{"left":754,"top":754,"width":755,"height":756,"rotate":754,"vFlip":6,"hFlip":6,"body":757},0,256,221,"\u003Cpath fill=\"#41b883\" d=\"M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0z\"\u002F>\u003Cpath fill=\"#41b883\" d=\"m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0z\"\u002F>\u003Cpath fill=\"#35495e\" d=\"M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0z\"\u002F>",{"left":754,"top":754,"width":759,"height":759,"rotate":754,"vFlip":6,"hFlip":6,"body":760},24,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\u002F>\u003Cpath d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\u002F>\u003C\u002Fg>",1788702878134]