[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Faboard\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":40,"showcases":189,"links":190,"dates":203},"\u002Fexamples\u002Fapps\u002Faboard\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Aboard UI components examples - Nicelydone","Browse Aboard UI component design examples. Preview individual interface elements and explore related component categories. Bring joy to your workplace with…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F497f5b3c-31dd-44fe-abea-44d7116b8c2f.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},"Aboard design examples","\u002Fexamples\u002Fapps\u002Faboard",{"label":23,"to":4},"Aboard UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Aboard UI component design examples. Preview individual interface elements and explore related component categories. Bring joy to your workplace with Aboard",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Aboard","aboard","Bring joy to your workplace with Aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png","https:\u002F\u002Fwww.aboardhr.com",[36],{"id":37,"title":38,"slug":39},10,"Human resources","human-resources",[41,56,69,82,92,105,118,131,141,154,167,176],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"categories":49,"app":54},"959fe85f-1527-46a7-857b-462544d155d0","Aboard UI component","User profile dropdown menu with account settings, notifications, and sign out options.",554,712,"UI component from Aboard","component",[50],{"id":51,"title":52,"slug":53},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":55},[],{"uuid":57,"title":43,"description":58,"canonical_path":4,"image":59,"width":60,"height":61,"image_alt":47,"kind":48,"categories":62,"app":67},"521ead51-bdfb-41d2-bf9f-5992cefe7d9e","A profile settings page with a sidebar navigation and a profile completion status card.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F39f22d3f-e61f-4e3f-90b2-a467b01535cc.png",1234,1756,[63],{"id":64,"title":65,"slug":66},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":68},[],{"uuid":70,"title":43,"description":71,"canonical_path":4,"image":72,"width":73,"height":74,"image_alt":47,"kind":48,"categories":75,"app":80},"f0af5a90-f86b-47ce-9b1e-751d31aad4f9","A card displaying profile completion status with a progress bar and a call to action.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F54e62b59-8a2d-489d-8038-5996be2f68e5.png",747,541,[76],{"id":77,"title":78,"slug":79},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":81},[],{"uuid":83,"title":43,"description":84,"canonical_path":4,"image":85,"width":86,"height":87,"image_alt":47,"kind":48,"categories":88,"app":90},"136b3f55-951f-4679-b61d-c66d1dfdffdd","A dropdown menu displaying a list of assignable users.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcdc10cb0-2fad-40df-894b-50a4dceb686b.png",566,269,[89],{"id":51,"title":52,"slug":53},{"slug":31,"title":30,"logo":33,"categories":91},[],{"uuid":93,"title":43,"description":94,"canonical_path":4,"image":95,"width":96,"height":97,"image_alt":47,"kind":48,"categories":98,"app":103},"25d6e745-bd6b-43cb-8f6c-81d9eff1933d","A rich text editor interface with formatting options and a text input area.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb5a6b7d3-178b-43c1-a3aa-e2e1cb498923.png",1736,608,[99],{"id":100,"title":101,"slug":102},221,"Rich text editor","rich-text-editor",{"slug":31,"title":30,"logo":33,"categories":104},[],{"uuid":106,"title":43,"description":107,"canonical_path":4,"image":108,"width":109,"height":110,"image_alt":47,"kind":48,"categories":111,"app":116},"1b6cee9e-3b24-4c9a-9ae7-7298422c4971","A user interface displaying various personal settings and preferences with toggle switches.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1efaaa8a-4838-44ba-942c-37a098f74ab3.png",1740,1018,[112],{"id":113,"title":114,"slug":115},216,"Radio button","radio-button",{"slug":31,"title":30,"logo":33,"categories":117},[],{"uuid":119,"title":43,"description":120,"canonical_path":4,"image":121,"width":122,"height":123,"image_alt":47,"kind":48,"categories":124,"app":129},"b567f57a-6b28-4759-b52f-5fea38c3aa00","A user interface element for managing notification settings with a toggle switch.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb5823f92-c7f3-48ea-8b4d-b3dfb8d4e142.png",1720,348,[125],{"id":126,"title":127,"slug":128},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":130},[],{"uuid":132,"title":43,"description":133,"canonical_path":4,"image":134,"width":135,"height":136,"image_alt":47,"kind":48,"categories":137,"app":139},"044a25d9-cdeb-4cf4-8c03-b9d9fe9a4dc6","A user profile dropdown menu providing access to account settings, company settings, support, and sign-out options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F58347f0b-6998-4213-b1ba-7a610ac7d103.png",518,869,[138],{"id":51,"title":52,"slug":53},{"slug":31,"title":30,"logo":33,"categories":140},[],{"uuid":142,"title":43,"description":143,"canonical_path":4,"image":144,"width":145,"height":146,"image_alt":47,"kind":48,"categories":147,"app":152},"f29a92b0-8280-49be-94fa-81799b26de3a","A modal dialog for registering time-off, featuring input fields for policy, dates, duration, comments, and status, alongside a summary of the request.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc0da9abc-31d3-4e45-b0f7-b3c4da70eb0b.png",1663,1398,[148],{"id":149,"title":150,"slug":151},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":153},[],{"uuid":155,"title":43,"description":156,"canonical_path":4,"image":157,"width":158,"height":159,"image_alt":47,"kind":48,"categories":160,"app":165},"095eec4b-9431-450d-a508-bc9ad356e793","A user interface displaying audit events in a tabular format, detailing changes made by a specific user with timestamps, actions, attributes, and new values.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F437b0808-89ac-4369-b5d0-5e53ac0b228a.png",2942,1688,[161],{"id":162,"title":163,"slug":164},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":166},[],{"uuid":168,"title":43,"description":169,"canonical_path":4,"image":170,"width":171,"height":61,"image_alt":47,"kind":48,"categories":172,"app":174},"26d35991-82ab-4b23-b7f8-ac80a1bc2107","A user profile page within a web application, featuring a top navigation bar and a vertical sidebar for profile section navigation.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3485399e-aef6-4b8f-912f-a7eead58c5d8.png",506,[173],{"id":64,"title":65,"slug":66},{"slug":31,"title":30,"logo":33,"categories":175},[],{"uuid":177,"title":43,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":47,"kind":48,"categories":182,"app":187},"7eca3c84-42b4-4ede-a371-e0c045ee3635","Breadcrumb navigation showing a user profile and an overview page.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1ad58bf6-636f-4c1d-89c7-c1f2738596c9.png",927,297,[183],{"id":184,"title":185,"slug":186},177,"Breadcrumb","breadcrumb",{"slug":31,"title":30,"logo":33,"categories":188},[],[],[191,194,197,200],{"label":192,"to":193},"Aboard product screens","\u002Fexamples\u002Fapps\u002Faboard\u002Fscreens",{"label":195,"to":196},"Aboard marketing pages","\u002Fexamples\u002Fapps\u002Faboard\u002Fmarketing",{"label":198,"to":199},"Aboard user flows","\u002Fexamples\u002Fapps\u002Faboard\u002Fflows",{"label":201,"to":202},"Human resources app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fhuman-resources",{"published_at":204,"updated_at":205},"2023-02-20T16:44:40.000Z","2026-09-13T13:02:39.000Z"]