[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002F0a250acd-0e76-4d01-b6cd-028005858a6f":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":61,"links":62,"dates":69},"\u002Fexamples\u002Fcomponents\u002F0a250acd-0e76-4d01-b6cd-028005858a6f","detail","components",true,{"title":9,"description":10,"og_image":11},"Format selector with paywalled options - Nicelydone","A segmented control or toggle group for selecting an export format. The first option (MP4) is selected, while the other two (ProRes, PNG) are disabled and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe561139e-ec01-4b09-9052-0127c669e653.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":20,"to":4},"Format selector with paywalled options",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"UI component","A segmented control or toggle group for selecting an export format. The first option (MP4) is selected, while the other two (ProRes, PNG) are disabled and marked with 'UPGRADE' badges, indicating they require a paid plan.",[],[],[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},"0a250acd-0e76-4d01-b6cd-028005858a6f","\u002Fexamples\u002Fapps\u002Frunway\u002Fcomponents",592,226,"Format selector with paywalled options from Runway","component",[35],{"id":36,"title":37,"slug":38},255,"Upgrade your plan","upgrade-your-plan",{"slug":40,"title":41,"logo":42,"baseline":43,"categories":44},"runway","Runway","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frunway-2c9f863e.png","Advancing creativity with artificial intelligence",[45,49,53,57],{"id":46,"title":47,"slug":48},80,"Artificial Intelligence","artificial-intelligence",{"id":50,"title":51,"slug":52},77,"Machine learning","machine-learning",{"id":54,"title":55,"slug":56},8,"Design","design",{"id":58,"title":59,"slug":60},100,"Video","video",[],[63,65,67],{"label":37,"to":64},"\u002Fexamples\u002Fcomponents\u002Fupgrade-your-plan",{"label":66,"to":29},"Runway UI components",{"label":68,"to":18},"All UI component examples",{"published_at":70,"updated_at":71},"2023-08-15T08:13:30.000Z","2026-09-16T12:10:14.000Z"]