[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002F6871e178-156e-4604-9f31-a8ded7dfeb7b":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":49,"links":50,"dates":57},"\u002Fexamples\u002Fcomponents\u002F6871e178-156e-4604-9f31-a8ded7dfeb7b","detail","components",true,{"title":9,"description":10,"og_image":11},"Code editor with side panel - Nicelydone","A code editor interface for editing JSON configuration files, featuring a main editor area with line numbers and syntax highlighting, a top toolbar with…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7a9b1db8-8f70-477a-8164-ae54ba02e934.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":20,"to":4},"Code editor with side panel",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"UI component","A code editor interface for editing JSON configuration files, featuring a main editor area with line numbers and syntax highlighting, a top toolbar with tabs, a side panel with collapsible documentation and feature sections, and bottom action buttons.",[],[],[27],{"uuid":28,"title":20,"description":23,"canonical_path":29,"image":11,"width":30,"height":31,"image_alt":32,"kind":33,"categories":34,"app":39},"6871e178-156e-4604-9f31-a8ded7dfeb7b","\u002Fexamples\u002Fapps\u002Ftailscale\u002Fcomponents",2497,1558,"Code editor with side panel from Tailscale","component",[35],{"id":36,"title":37,"slug":38},187,"Code block","code-block",{"slug":40,"title":41,"logo":42,"baseline":43,"categories":44},"tailscale","Tailscale","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftailscale-a7f66593.png","Best VPN service for secure networks",[45],{"id":46,"title":47,"slug":48},78,"Security","security",[],[51,53,55],{"label":37,"to":52},"\u002Fexamples\u002Fcomponents\u002Fcode-block",{"label":54,"to":29},"Tailscale UI components",{"label":56,"to":18},"All UI component examples",{"published_at":58,"updated_at":59},"2024-02-05T13:27:52.000Z","2026-09-19T12:10:03.000Z"]