[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002F601771d8-b47a-4ecb-aad8-8cf7000d9228":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":65,"links":66,"dates":73},"\u002Fexamples\u002Fcomponents\u002F601771d8-b47a-4ecb-aad8-8cf7000d9228","detail","components",true,{"title":9,"description":10,"og_image":11},"Floating toolbar - Nicelydone","A vertical floating toolbar containing three distinct groups of icon buttons. The top group has a single palette icon. The middle group has two…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fceeda62b-5825-45da-8873-07e03a8dfde5.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":20,"to":4},"Floating toolbar",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"UI component","A vertical floating toolbar containing three distinct groups of icon buttons. The top group has a single palette icon. The middle group has two connection\u002Fsharing icons, with the top one selected. The bottom group has three icons for layout\u002Flayers, with the bottom one showing a blue notification dot.",[],[],[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},"601771d8-b47a-4ecb-aad8-8cf7000d9228","\u002Fexamples\u002Fapps\u002Farcade\u002Fcomponents",242,692,"Floating toolbar from Arcade","component",[35],{"id":36,"title":37,"slug":38},183,"Color picker","color-picker",{"slug":40,"title":41,"logo":42,"baseline":43,"categories":44},"arcade","Arcade","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Farcade-661b86c8.png","Create effortlessly beautiful demos in minutes",[45,49,53,57,61],{"id":46,"title":47,"slug":48},8,"Design","design",{"id":50,"title":51,"slug":52},25,"Marketing","marketing",{"id":54,"title":55,"slug":56},80,"Artificial Intelligence","artificial-intelligence",{"id":58,"title":59,"slug":60},100,"Video","video",{"id":62,"title":63,"slug":64},103,"Demo Automation","demo-automation",[],[67,69,71],{"label":37,"to":68},"\u002Fexamples\u002Fcomponents\u002Fcolor-picker",{"label":70,"to":29},"Arcade UI components",{"label":72,"to":18},"All UI component examples",{"published_at":74,"updated_at":75},"2024-03-18T11:25:55.000Z","2026-09-22T00:10:12.000Z"]