[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fhelp-scout\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":49,"showcases":225,"links":226,"dates":245},"\u002Fexamples\u002Fapps\u002Fhelp-scout\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Help Scout UI components examples - Nicelydone","Browse Help Scout UI component design examples. Preview individual interface elements and explore related component categories. Shared Inbox, Help Center, &…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcd33d4d3-0b5c-4834-848b-fece83432cd6.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Help Scout design examples","\u002Fexamples\u002Fapps\u002Fhelp-scout",{"label":23,"to":4},"Help Scout UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Help Scout UI component design examples. Preview individual interface elements and explore related component categories. Shared Inbox, Help Center, & Live Chat Software",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Help Scout","help-scout","Shared Inbox, Help Center, & Live Chat Software","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhelp-scout-8a6156f0.png","https:\u002F\u002Fwww.helpscout.com","helpscout",[37,41,45],{"id":38,"title":39,"slug":40},47,"Customer Service","customer-service",{"id":42,"title":43,"slug":44},92,"Email","email",{"id":46,"title":47,"slug":48},23,"Collaboration","collaboration",[50,65,80,95,106,121,135,150,165,180,195,210],{"uuid":51,"title":52,"description":53,"canonical_path":4,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"categories":58,"app":63},"520a3509-024a-4273-9bd6-db61594a7f64","Two-factor Auth Toggle","A toggle switch to enable or disable two-factor authentication, currently in the off state.",543,173,"Two-factor Auth Toggle from Help Scout","component",[59],{"id":60,"title":61,"slug":62},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":64},[],{"uuid":66,"title":67,"description":68,"canonical_path":4,"image":69,"width":70,"height":71,"image_alt":72,"kind":57,"categories":73,"app":78},"7daea8e4-1c87-461e-9ec7-9c00fff09edb","Workflow stepper","A horizontal stepper showing four numbered stages of a workflow creation process.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fac8ae952-fcfa-4bd7-b297-c51d809e7448.png",994,161,"Workflow stepper from Help Scout",[74],{"id":75,"title":76,"slug":77},177,"Breadcrumb","breadcrumb",{"slug":31,"title":30,"logo":33,"categories":79},[],{"uuid":81,"title":82,"description":83,"canonical_path":4,"image":84,"width":85,"height":86,"image_alt":87,"kind":57,"categories":88,"app":93},"82b37343-d5bb-4a3d-b4df-c9113cfa21dd","Draft Status Badge","A small, rounded rectangular badge with a solid blue background and white text indicating a 'DRAFT' status.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8a79cf20-caa4-412b-bb5c-7563ff784f17.png",221,164,"Draft Status Badge from Help Scout",[89],{"id":90,"title":91,"slug":92},260,"Badge","badge",{"slug":31,"title":30,"logo":33,"categories":94},[],{"uuid":96,"title":97,"description":98,"canonical_path":4,"image":99,"width":100,"height":86,"image_alt":101,"kind":57,"categories":102,"app":104},"7da70b9f-4574-4e75-96c1-c5863add2548","Unpublished Status Badge","A small, rounded rectangular badge with a solid gray background and white text indicating an 'UNPUBLISHED' status.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff567fa05-9c05-417b-9636-808dcacab349.png",302,"Unpublished Status Badge from Help Scout",[103],{"id":90,"title":91,"slug":92},{"slug":31,"title":30,"logo":33,"categories":105},[],{"uuid":107,"title":108,"description":109,"canonical_path":4,"image":110,"width":111,"height":112,"image_alt":113,"kind":57,"categories":114,"app":119},"ffc01fac-836c-4ef6-828b-c39b1c47b043","Callout block with color picker","A callout block in a content editor with a floating color picker menu to change its background color.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2cea109f-4fce-4161-a50d-8103e061e0ed.png",1736,421,"Callout block with color picker from Help Scout",[115],{"id":116,"title":117,"slug":118},183,"Color picker","color-picker",{"slug":31,"title":30,"logo":33,"categories":120},[],{"uuid":122,"title":123,"description":124,"canonical_path":4,"image":125,"width":111,"height":126,"image_alt":127,"kind":57,"categories":128,"app":133},"8354d875-7d7c-47e9-ae5f-7afc27270392","Read-only alert","An inline alert notifying the user that the article is read-only because another user is editing it.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb6db311e-64b6-45cf-88ca-b9905815d92b.png",364,"Read-only alert from Help Scout",[129],{"id":130,"title":131,"slug":132},167,"Alert","alert",{"slug":31,"title":30,"logo":33,"categories":134},[],{"uuid":136,"title":137,"description":138,"canonical_path":4,"image":139,"width":140,"height":141,"image_alt":142,"kind":57,"categories":143,"app":148},"d8b1a3d4-24d3-410e-9af1-e57f0e693676","Victory illustration","A stylized illustration of a green foam finger pointing up, surrounded by colorful confetti.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fce032ef3-2db9-435d-a1b2-05c3764db020.png",365,343,"Victory illustration from Help Scout",[144],{"id":145,"title":146,"slug":147},278,"Illustration","illustration",{"slug":31,"title":30,"logo":33,"categories":149},[],{"uuid":151,"title":152,"description":153,"canonical_path":4,"image":154,"width":155,"height":156,"image_alt":157,"kind":57,"categories":158,"app":163},"08e30c11-5c10-44c6-9ac6-60926eb9e703","Message composer","A rich text editor for drafting a reply, featuring a formatting toolbar, a text area with an email signature, and a bottom action bar with status and assignment dropdowns alongside a primary send button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe7dc69f0-9ac9-4b67-b456-752350cc4607.png",2120,740,"Message composer from Help Scout",[159],{"id":160,"title":161,"slug":162},259,"Textarea","input-textarea",{"slug":31,"title":30,"logo":33,"categories":164},[],{"uuid":166,"title":167,"description":168,"canonical_path":4,"image":169,"width":170,"height":171,"image_alt":172,"kind":57,"categories":173,"app":178},"443eba09-3f1c-4473-91ac-05cd6a7059c0","Setup Guide Stepper","A vertical stepper component used for onboarding, displaying a list of tasks with icons and status indicators. The first task is marked as completed.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F80adc957-eeb7-47c1-a595-ef54c4785b61.png",633,1356,"Setup Guide Stepper from Help Scout",[174],{"id":175,"title":176,"slug":177},227,"Stepper","stepper",{"slug":31,"title":30,"logo":33,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":4,"image":184,"width":185,"height":186,"image_alt":187,"kind":57,"categories":188,"app":193},"5f05944a-067f-459f-8382-32b1436bc665","Setup Guide Progress Badge","A simple horizontal row displaying the text 'Setup Guide' next to a pill-shaped badge indicating progress ('1 of 5').","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2955e6b9-1a2e-490a-87e1-2b0571fe588f.png",376,168,"Setup Guide Progress Badge from Help Scout",[189],{"id":190,"title":191,"slug":192},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":194},[],{"uuid":196,"title":197,"description":198,"canonical_path":4,"image":199,"width":200,"height":201,"image_alt":202,"kind":57,"categories":203,"app":208},"343d8eed-c5e3-4996-b990-10080aaa4c56","Global Top Navigation","A full-width top navigation bar featuring a logo, primary navigation links with dropdowns, a setup guide progress indicator, utility icons, and a user avatar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc5191252-62e2-4f9b-8fe8-49d68c63a817.png",3197,312,"Global Top Navigation from Help Scout",[204],{"id":205,"title":206,"slug":207},240,"Horizontal navigation","horizontal-navigation",{"slug":31,"title":30,"logo":33,"categories":209},[],{"uuid":211,"title":212,"description":213,"canonical_path":4,"image":214,"width":215,"height":216,"image_alt":217,"kind":57,"categories":218,"app":223},"61e08359-6971-4c0c-84aa-e597b8df6268","OTP Input Field","A 6-digit one-time password (OTP) input field with a 'Send another code' link below it.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F286d9971-9af2-46de-8c2c-259dee491a81.png",1256,487,"OTP Input Field from Help Scout",[219],{"id":220,"title":221,"slug":222},288,"Input code","input-code",{"slug":31,"title":30,"logo":33,"categories":224},[],[],[227,230,233,236,239,242],{"label":228,"to":229},"Help Scout product screens","\u002Fexamples\u002Fapps\u002Fhelp-scout\u002Fscreens",{"label":231,"to":232},"Help Scout marketing pages","\u002Fexamples\u002Fapps\u002Fhelp-scout\u002Fmarketing",{"label":234,"to":235},"Help Scout user flows","\u002Fexamples\u002Fapps\u002Fhelp-scout\u002Fflows",{"label":237,"to":238},"Customer Service app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcustomer-service",{"label":240,"to":241},"Email app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail",{"label":243,"to":244},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"published_at":246,"updated_at":247},"2023-03-31T08:33:43.000Z","2026-09-13T13:02:39.000Z"]