[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Ff35dbdf0-6834-4dff-aa2c-8e9eaeb737e4":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":25,"showcases":52,"links":53,"dates":60},"\u002Fexamples\u002Fcomponents\u002Ff35dbdf0-6834-4dff-aa2c-8e9eaeb737e4","detail","components",true,{"title":9,"description":10,"og_image":11},"Billing cycle toggle - Nicelydone","A segmented control allowing users to switch between Monthly and Yearly billing cycles, with a discount badge on the Yearly option.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4d64402b-19b2-43d6-bbb4-9db60b4fe68c.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":20,"to":4},"Billing cycle toggle",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":24},"UI component",[],[],[26],{"uuid":27,"title":20,"description":10,"canonical_path":28,"image":11,"width":29,"height":30,"image_alt":31,"kind":32,"categories":33,"app":38},"f35dbdf0-6834-4dff-aa2c-8e9eaeb737e4","\u002Fexamples\u002Fapps\u002Fsynthesia\u002Fcomponents",516,203,"Billing cycle toggle from Synthesia","component",[34],{"id":35,"title":36,"slug":37},218,"Segmented control","segmented-control",{"slug":39,"title":40,"logo":41,"baseline":42,"categories":43},"synthesia","Synthesia","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsynthesia-4278cf0d.png","#1 AI video creation platform",[44,48],{"id":45,"title":46,"slug":47},80,"Artificial Intelligence","artificial-intelligence",{"id":49,"title":50,"slug":51},100,"Video","video",[],[54,56,58],{"label":36,"to":55},"\u002Fexamples\u002Fcomponents\u002Fsegmented-control",{"label":57,"to":28},"Synthesia UI components",{"label":59,"to":18},"All UI component examples",{"published_at":61,"updated_at":62},"2023-06-13T13:59:28.000Z","2026-09-11T12:10:17.000Z"]