[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002F4ff35950-2fed-4650-ab4b-5e96a99c598b":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\u002F4ff35950-2fed-4650-ab4b-5e96a99c598b","detail","components",true,{"title":9,"description":10,"og_image":11},"Formatting Toolbar with Block Type Menu - Nicelydone","A floating formatting toolbar positioned above selected text in a document editor. The 'Turn into' dropdown menu is open, displaying a list of block types…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5297c5e4-2762-44a7-8549-2d4da1eeae59.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":20,"to":4},"Formatting Toolbar with Block Type Menu",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"UI component","A floating formatting toolbar positioned above selected text in a document editor. The 'Turn into' dropdown menu is open, displaying a list of block types like Text, Heading, List, and Code.",[],[],[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},"4ff35950-2fed-4650-ab4b-5e96a99c598b","\u002Fexamples\u002Fapps\u002Fnotion\u002Fcomponents",1791,1605,"Formatting Toolbar with Block Type Menu from Notion","component",[35],{"id":36,"title":37,"slug":38},246,"Toolbox","toolbox",{"slug":40,"title":41,"logo":42,"baseline":43,"categories":44},"notion","Notion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-67e349e9.png","A unified workspace for modern teams",[45,49,53,57,61],{"id":46,"title":47,"slug":48},29,"Task Management","task-management",{"id":50,"title":51,"slug":52},30,"Productivity","productivity",{"id":54,"title":55,"slug":56},22,"Knowledge Management","knowledge-management",{"id":58,"title":59,"slug":60},23,"Collaboration","collaboration",{"id":62,"title":63,"slug":64},80,"Artificial Intelligence","artificial-intelligence",[],[67,69,71],{"label":37,"to":68},"\u002Fexamples\u002Fcomponents\u002Ftoolbox",{"label":70,"to":29},"Notion UI components",{"label":72,"to":18},"All UI component examples",{"published_at":74,"updated_at":75},"2023-04-19T09:49:43.000Z","2026-09-08T16:20:17.000Z"]