[{"data":1,"prerenderedAt":630},["ShallowReactive",2],{"docs-nav":3,"content-query-6fZw7uLg7J":249},[4,8,11,14,18,22,26,30,34,38,42,46,50,54,58,62,66,70,74,78,82,86,90,94,98,102,105,108,111,114,117,120,123,126,129,132,135,138,141,144,147,150,153,156,159,162,165,168,171,174,177,180,183,186,189,192,195,198,201,204,207,210,213,216,219,222,225,228,231,234,237,240,243,246],{"_path":5,"title":6,"order":7},"/docs/getting-started","Getting Started",1,{"_path":9,"title":10,"order":7},"/docs/self-hosting/all-in-one","All-in-One Setup",{"_path":12,"title":13,"order":7},"/docs/views/grid","Grid View",{"_path":15,"title":16,"order":17},"/docs/core-concepts","Core Concepts",10,{"_path":19,"title":20,"order":21},"/docs/crdt","What is a CRDT?",11,{"_path":23,"title":24,"order":25},"/docs/self-hosting/separate-containers","Separate Containers Setup",2,{"_path":27,"title":28,"order":29},"/docs/interface-overview","Interface Overview",20,{"_path":31,"title":32,"order":33},"/docs/global-search","Global Search",22,{"_path":35,"title":36,"order":37},"/docs/filters","Filters",24,{"_path":39,"title":40,"order":41},"/docs/sorting","Sorting",25,{"_path":43,"title":44,"order":45},"/docs/tagging-and-selection","Tagging & Selection",26,{"_path":47,"title":48,"order":49},"/docs/quick-view","Quick View",28,{"_path":51,"title":52,"order":53},"/docs/self-hosting/remote-access-tailscale","Remote Access with Tailscale",3,{"_path":55,"title":56,"order":57},"/docs/block-actions","Block Actions",30,{"_path":59,"title":60,"order":61},"/docs/deleting-blocks","Deleting Blocks & Trash",32,{"_path":63,"title":64,"order":65},"/docs/self-hosting","Self-Hosting",4,{"_path":67,"title":68,"order":69},"/docs/managing-heaps","Managing Heaps",40,{"_path":71,"title":72,"order":73},"/docs/file-scanning","File Scanning & Importing",42,{"_path":75,"title":76,"order":77},"/docs/storage-management","Storage Management",44,{"_path":79,"title":80,"order":81},"/docs/daily-notes","Daily Notes & Calendar",46,{"_path":83,"title":84,"order":85},"/docs/views","Views",60,{"_path":87,"title":88,"order":89},"/docs/authentication","Authentication & User Management",70,{"_path":91,"title":92,"order":93},"/docs/licenses-privacy","Licenses & Privacy",72,{"_path":95,"title":96,"order":97},"/docs/faq","FAQ",80,{"_path":99,"title":100,"order":101},"/docs/changelog","Changelog",99,{"_path":103,"title":104},"/docs/changelog/v16.16.15","v16.16.15",{"_path":106,"title":107},"/docs/changelog/v16.16.34","v16.16.34",{"_path":109,"title":110},"/docs/changelog/v16.16.28","v16.16.28",{"_path":112,"title":113},"/docs/changelog/v16.16.35","v16.16.35",{"_path":115,"title":116},"/docs/changelog/v16.16.32","v16.16.32",{"_path":118,"title":119},"/docs/changelog/v16.8.0","v16.8.0",{"_path":121,"title":122},"/docs/changelog/v16.16.8","v16.16.8",{"_path":124,"title":125},"/docs/changelog/v16.16.27","v16.16.27",{"_path":127,"title":128},"/docs/changelog/v16.16.41","v16.16.41",{"_path":130,"title":131},"/docs/changelog/v16.16.11","v16.16.11",{"_path":133,"title":134},"/docs/changelog/v16.16.14","v16.16.14",{"_path":136,"title":137},"/docs/changelog/v16.16.17","v16.16.17",{"_path":139,"title":140},"/docs/changelog/v16.16.10","v16.16.10",{"_path":142,"title":143},"/docs/changelog/v16.16.20","v16.16.20",{"_path":145,"title":146},"/docs/changelog/v16.6.0","v16.6.0",{"_path":148,"title":149},"/docs/changelog/v16.16.22","v16.16.22",{"_path":151,"title":152},"/docs/changelog/v16.16.6","v16.16.6",{"_path":154,"title":155},"/docs/changelog/v16.16.36","v16.16.36",{"_path":157,"title":158},"/docs/changelog/v16.16.18","v16.16.18",{"_path":160,"title":161},"/docs/changelog/v16.16.38","v16.16.38",{"_path":163,"title":164},"/docs/changelog/v16.16.1","v16.16.1",{"_path":166,"title":167},"/docs/changelog/v16.16.12","v16.16.12",{"_path":169,"title":170},"/docs/changelog/v16.16.31","v16.16.31",{"_path":172,"title":173},"/docs/changelog/v16.16.40","v16.16.40",{"_path":175,"title":176},"/docs/changelog/v16.7.0","v16.7.0",{"_path":178,"title":179},"/docs/changelog/v16.9.0","v16.9.0",{"_path":181,"title":182},"/docs/changelog/v16.16.4","v16.16.4",{"_path":184,"title":185},"/docs/changelog/v16.16.13","v16.16.13",{"_path":187,"title":188},"/docs/changelog/v16.16.37","v16.16.37",{"_path":190,"title":191},"/docs/changelog/v16.16.9","v16.16.9",{"_path":193,"title":194},"/docs/changelog/v16.16.25","v16.16.25",{"_path":196,"title":197},"/docs/changelog/v16.16.24","v16.16.24",{"_path":199,"title":200},"/docs/changelog/v16.16.3","v16.16.3",{"_path":202,"title":203},"/docs/changelog/v16.10.0","v16.10.0",{"_path":205,"title":206},"/docs/changelog/v16.16.16","v16.16.16",{"_path":208,"title":209},"/docs/changelog/v16.16.33","v16.16.33",{"_path":211,"title":212},"/docs/changelog/v16.16.26","v16.16.26",{"_path":214,"title":215},"/docs/changelog/v16.16.43","v16.16.43",{"_path":217,"title":218},"/docs/changelog/v16.11.0","v16.11.0",{"_path":220,"title":221},"/docs/changelog/v16.16.29","v16.16.29",{"_path":223,"title":224},"/docs/changelog/v16.16.5","v16.16.5",{"_path":226,"title":227},"/docs/changelog/v16.16.39","v16.16.39",{"_path":229,"title":230},"/docs/changelog/v16.16.2","v16.16.2",{"_path":232,"title":233},"/docs/changelog/v16.16.7","v16.16.7",{"_path":235,"title":236},"/docs/changelog/v16.16.23","v16.16.23",{"_path":238,"title":239},"/docs/changelog/v16.16.0","v16.16.0",{"_path":241,"title":242},"/docs/changelog/v16.16.30","v16.16.30",{"_path":244,"title":245},"/docs/changelog/v16.16.21","v16.16.21",{"_path":247,"title":248},"/docs/changelog/v16.16.19","v16.16.19",{"_path":12,"_dir":250,"_draft":251,"_partial":251,"_locale":252,"title":13,"description":253,"order":7,"body":254,"_type":624,"_id":625,"_source":626,"_file":627,"_stem":628,"_extension":629},"views",false,"","Browse blocks as a visual grid of thumbnails and cards with multi-select and infinite scroll",{"type":255,"children":256,"toc":615},"root",[257,265,271,278,283,289,335,341,346,532,539,544,550,568,574],{"type":258,"tag":259,"props":260,"children":262},"element","h1",{"id":261},"grid-view",[263],{"type":264,"value":13},"text",{"type":258,"tag":266,"props":267,"children":268},"p",{},[269],{"type":264,"value":270},"Grid view is the default view in Heaper. It displays blocks as a visual grid of thumbnails and cards — ideal for browsing images, files, and media collections.",{"type":258,"tag":272,"props":273,"children":275},"h2",{"id":274},"layout",[276],{"type":264,"value":277},"Layout",{"type":258,"tag":266,"props":279,"children":280},{},[281],{"type":264,"value":282},"Blocks are displayed as cards in a responsive grid. Each card shows A file preview if that is available. If not, we show the text rendered with the title and the content.",{"type":258,"tag":272,"props":284,"children":286},{"id":285},"navigation",[287],{"type":264,"value":288},"Navigation",{"type":258,"tag":290,"props":291,"children":292},"ul",{},[293,305,315,325],{"type":258,"tag":294,"props":295,"children":296},"li",{},[297,303],{"type":258,"tag":298,"props":299,"children":300},"strong",{},[301],{"type":264,"value":302},"Scroll",{"type":264,"value":304}," — Infinite scroll loads more blocks as you scroll down",{"type":258,"tag":294,"props":306,"children":307},{},[308,313],{"type":258,"tag":298,"props":309,"children":310},{},[311],{"type":264,"value":312},"Arrow keys",{"type":264,"value":314}," — Navigate between blocks with the keyboard",{"type":258,"tag":294,"props":316,"children":317},{},[318,323],{"type":258,"tag":298,"props":319,"children":320},{},[321],{"type":264,"value":322},"Click",{"type":264,"value":324}," — Navigate to the block",{"type":258,"tag":294,"props":326,"children":327},{},[328,333],{"type":258,"tag":298,"props":329,"children":330},{},[331],{"type":264,"value":332},"Enter",{"type":264,"value":334}," — Open the block or enter quick preview",{"type":258,"tag":272,"props":336,"children":338},{"id":337},"selection",[339],{"type":264,"value":340},"Selection",{"type":258,"tag":266,"props":342,"children":343},{},[344],{"type":264,"value":345},"Grid view supports rich multi-selection:",{"type":258,"tag":347,"props":348,"children":349},"table",{},[350,369],{"type":258,"tag":351,"props":352,"children":353},"thead",{},[354],{"type":258,"tag":355,"props":356,"children":357},"tr",{},[358,364],{"type":258,"tag":359,"props":360,"children":361},"th",{},[362],{"type":264,"value":363},"Action",{"type":258,"tag":359,"props":365,"children":366},{},[367],{"type":264,"value":368},"Result",{"type":258,"tag":370,"props":371,"children":372},"tbody",{},[373,389,405,421,439,455,471,487,503,519],{"type":258,"tag":355,"props":374,"children":375},{},[376,384],{"type":258,"tag":377,"props":378,"children":379},"td",{},[380],{"type":258,"tag":298,"props":381,"children":382},{},[383],{"type":264,"value":322},{"type":258,"tag":377,"props":385,"children":386},{},[387],{"type":264,"value":388},"Select single block",{"type":258,"tag":355,"props":390,"children":391},{},[392,400],{"type":258,"tag":377,"props":393,"children":394},{},[395],{"type":258,"tag":298,"props":396,"children":397},{},[398],{"type":264,"value":399},"Ctrl/Cmd + Click",{"type":258,"tag":377,"props":401,"children":402},{},[403],{"type":264,"value":404},"Add/remove block from selection",{"type":258,"tag":355,"props":406,"children":407},{},[408,416],{"type":258,"tag":377,"props":409,"children":410},{},[411],{"type":258,"tag":298,"props":412,"children":413},{},[414],{"type":264,"value":415},"Shift + Click",{"type":258,"tag":377,"props":417,"children":418},{},[419],{"type":264,"value":420},"Select range of blocks, or enter selection mode",{"type":258,"tag":355,"props":422,"children":423},{},[424,434],{"type":258,"tag":377,"props":425,"children":426},{},[427,432],{"type":258,"tag":298,"props":428,"children":429},{},[430],{"type":264,"value":431},"Long press",{"type":264,"value":433}," (touch)",{"type":258,"tag":377,"props":435,"children":436},{},[437],{"type":264,"value":438},"the options menu for the selection",{"type":258,"tag":355,"props":440,"children":441},{},[442,450],{"type":258,"tag":377,"props":443,"children":444},{},[445],{"type":258,"tag":298,"props":446,"children":447},{},[448],{"type":264,"value":449},"C",{"type":258,"tag":377,"props":451,"children":452},{},[453],{"type":264,"value":454},"toggle the selected state of the highlighted block",{"type":258,"tag":355,"props":456,"children":457},{},[458,466],{"type":258,"tag":377,"props":459,"children":460},{},[461],{"type":258,"tag":298,"props":462,"children":463},{},[464],{"type":264,"value":465},"Space",{"type":258,"tag":377,"props":467,"children":468},{},[469],{"type":264,"value":470},"open the quick preview overlay",{"type":258,"tag":355,"props":472,"children":473},{},[474,482],{"type":258,"tag":377,"props":475,"children":476},{},[477],{"type":258,"tag":298,"props":478,"children":479},{},[480],{"type":264,"value":481},"Escape",{"type":258,"tag":377,"props":483,"children":484},{},[485],{"type":264,"value":486},"close the quick preview overlay, cancel selection mode, unhighlight the highlighted block, navigate back",{"type":258,"tag":355,"props":488,"children":489},{},[490,498],{"type":258,"tag":377,"props":491,"children":492},{},[493],{"type":258,"tag":298,"props":494,"children":495},{},[496],{"type":264,"value":497},"T",{"type":258,"tag":377,"props":499,"children":500},{},[501],{"type":264,"value":502},"open the tag menu for the highlighted block",{"type":258,"tag":355,"props":504,"children":505},{},[506,514],{"type":258,"tag":377,"props":507,"children":508},{},[509],{"type":258,"tag":298,"props":510,"children":511},{},[512],{"type":264,"value":513},"Shift+T",{"type":258,"tag":377,"props":515,"children":516},{},[517],{"type":264,"value":518},"tag all selected blocks",{"type":258,"tag":355,"props":520,"children":521},{},[522,527],{"type":258,"tag":377,"props":523,"children":524},{},[525],{"type":264,"value":526},"swipe horizontally",{"type":258,"tag":377,"props":528,"children":529},{},[530],{"type":264,"value":531},"select a range of blocks, and start a selection mode",{"type":258,"tag":533,"props":534,"children":536},"h3",{"id":535},"edge-scrolling",[537],{"type":264,"value":538},"Edge Scrolling",{"type":258,"tag":266,"props":540,"children":541},{},[542],{"type":264,"value":543},"When dragging a selection near the edges of the viewport, the grid automatically scrolls to let you select blocks beyond the visible area.",{"type":258,"tag":272,"props":545,"children":547},{"id":546},"quick-preview",[548],{"type":264,"value":549},"Quick Preview",{"type":258,"tag":266,"props":551,"children":552},{},[553,555,559,561,566],{"type":264,"value":554},"Click a block or press ",{"type":258,"tag":298,"props":556,"children":557},{},[558],{"type":264,"value":465},{"type":264,"value":560}," to open ",{"type":258,"tag":562,"props":563,"children":564},"a",{"href":47},[565],{"type":264,"value":48},{"type":264,"value":567}," for fullscreen preview with gallery navigation.",{"type":258,"tag":272,"props":569,"children":571},{"id":570},"tagging-in-grid",[572],{"type":264,"value":573},"Tagging in Grid",{"type":258,"tag":290,"props":575,"children":576},{},[577,590,603],{"type":258,"tag":294,"props":578,"children":579},{},[580,582,588],{"type":264,"value":581},"Select one or more blocks, then press ",{"type":258,"tag":583,"props":584,"children":586},"code",{"className":585},[],[587],{"type":264,"value":497},{"type":264,"value":589}," to open the tag menu",{"type":258,"tag":294,"props":591,"children":592},{},[593,595,601],{"type":264,"value":594},"Use the ",{"type":258,"tag":562,"props":596,"children":598},{"href":597},"/docs/tagging-and-selection#radial-drag-menu",[599],{"type":264,"value":600},"radial drag menu",{"type":264,"value":602}," by long-pressing a block",{"type":258,"tag":294,"props":604,"children":605},{},[606,608,613],{"type":264,"value":607},"Multi-select blocks and use ",{"type":258,"tag":583,"props":609,"children":611},{"className":610},[],[612],{"type":264,"value":513},{"type":264,"value":614}," to tag them all at once",{"title":252,"searchDepth":25,"depth":25,"links":616},[617,618,619,622,623],{"id":274,"depth":25,"text":277},{"id":285,"depth":25,"text":288},{"id":337,"depth":25,"text":340,"children":620},[621],{"id":535,"depth":53,"text":538},{"id":546,"depth":25,"text":549},{"id":570,"depth":25,"text":573},"markdown","content:docs:views:grid.md","content","docs/views/grid.md","docs/views/grid","md",1774954238310]