[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fb1c4caa7-2730-46ca-ba82-6fd3b8180173":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":57,"links":58,"dates":65},"\u002Fexamples\u002Fcomponents\u002Fb1c4caa7-2730-46ca-ba82-6fd3b8180173","detail","components",true,{"title":9,"description":10,"og_image":11},"Nested Appearance Menu - Nicelydone","A dropdown menu with a nested submenu for selecting the appearance mode. The primary menu lists file and workspace actions, while the active 'Appearance'…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2086f411-8ad0-4f90-b43c-9915fb74b60e.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":20,"to":4},"Nested Appearance Menu",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"UI component","A dropdown menu with a nested submenu for selecting the appearance mode. The primary menu lists file and workspace actions, while the active 'Appearance' item opens a secondary menu to choose between Light, Dark, and Auto modes.",[],[],[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},"b1c4caa7-2730-46ca-ba82-6fd3b8180173","\u002Fexamples\u002Fapps\u002Feraser\u002Fcomponents",1550,1379,"Nested Appearance Menu from Eraser","component",[35],{"id":36,"title":37,"slug":38},256,"Theme settings","theme-settings",{"slug":40,"title":41,"logo":42,"baseline":43,"categories":44},"eraser","Eraser","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Feraser-5d273b5d.png","Documents & diagrams for engineering teams",[45,49,53],{"id":46,"title":47,"slug":48},23,"Collaboration","collaboration",{"id":50,"title":51,"slug":52},48,"Developer Tools","developer-tools",{"id":54,"title":55,"slug":56},8,"Design","design",[],[59,61,63],{"label":37,"to":60},"\u002Fexamples\u002Fcomponents\u002Ftheme-settings",{"label":62,"to":29},"Eraser UI components",{"label":64,"to":18},"All UI component examples",{"published_at":66,"updated_at":67},"2024-03-21T08:49:34.000Z","2026-09-22T00:10:33.000Z"]