[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F7771337f-98b2-42b3-8923-0cd58684b71a":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":96,"links":97,"dates":108},"\u002Fexamples\u002Fscreens\u002F7771337f-98b2-42b3-8923-0cd58684b71a","detail","screens",true,{"title":9,"description":10,"og_image":11},"Connect integration - Nicelydone","Screen UI design example from Upflow. Settings page showing an empty state for the Chargebee integration, informing the user that it is not yet available…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_connect-integration_3e3297b6_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Connect integration",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Upflow. Settings page showing an empty state for the Chargebee integration, informing the user that it is not yet available and offering documentation or expert contact.",[],[],[27],{"uuid":28,"title":20,"description":29,"canonical_path":30,"image":11,"width":31,"height":32,"image_alt":33,"published_at":34,"kind":35,"patterns":36,"component_categories":61,"app":78},"7771337f-98b2-42b3-8923-0cd58684b71a","Settings page showing an empty state for the Chargebee integration, informing the user that it is not yet available and offering documentation or expert contact.","\u002Fexamples\u002Fapps\u002Fupflow\u002Fscreens",2880,1534,"Connect integration from Upflow","2020-06-09T14:11:39.000Z","screen",[37,46,55],{"id":38,"label":39,"slug":40,"rank":41,"group":42},97,"Integrations","integrations",0,{"id":43,"label":44,"slug":45},10,"Settings & Admin","settings-and-admin",{"id":47,"label":48,"slug":49,"rank":50,"group":51},115,"Empty State","empty-state",1,{"id":52,"label":53,"slug":54},12,"States & Feedback","states-and-feedback",{"id":56,"label":57,"slug":58,"rank":59,"group":60},116,"Error","error",2,{"id":52,"label":53,"slug":54},[62,66,70,74],{"id":63,"title":64,"slug":65},240,"Horizontal navigation","horizontal-navigation",{"id":67,"title":68,"slug":69},169,"Avatar","avatar",{"id":71,"title":72,"slug":73},277,"Button group","button-group",{"id":75,"title":76,"slug":77},175,"Button","button",{"slug":79,"title":80,"logo":81,"baseline":82,"categories":83},"upflow","Upflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fupflow-bf3ddc41.png","Put an end to unpaid invoices",[84,88,92],{"id":85,"title":86,"slug":87},36,"Finance","finance",{"id":89,"title":90,"slug":91},39,"Payments","payments",{"id":93,"title":94,"slug":95},56,"Accounting","accounting",[],[98,100,102,104,106],{"label":48,"to":99},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":57,"to":101},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":39,"to":103},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":105,"to":30},"Upflow screen designs",{"label":107,"to":18},"All screen examples",{"published_at":34,"updated_at":109},"2026-09-05T20:19:06.523Z"]