[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdovetail\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":52,"showcases":197,"links":198,"dates":217},"\u002Fexamples\u002Fapps\u002Fdovetail\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Dovetail UI components examples - Nicelydone","Browse Dovetail UI component design examples. Preview individual interface elements and explore related component categories. Helps you with the key steps…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb06d50cf-5a3e-4cae-9b72-878b95c77e72.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},"Dovetail design examples","\u002Fexamples\u002Fapps\u002Fdovetail",{"label":23,"to":4},"Dovetail UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Dovetail UI component design examples. Preview individual interface elements and explore related component categories. Helps you with the key steps of UX research",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Dovetail","dovetail","Helps you with the key steps of UX research","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png","https:\u002F\u002Fgetdovetail.io",[36,40,44,48],{"id":37,"title":38,"slug":39},8,"Design","design",{"id":41,"title":42,"slug":43},22,"Knowledge Management","knowledge-management",{"id":45,"title":46,"slug":47},35,"Feedback","feedback",{"id":49,"title":50,"slug":51},104,"User Research","user-research",[53,68,81,94,107,119,129,141,154,164,174,187],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"categories":61,"app":66},"89268f1b-14ef-4a06-bc4d-77f072f96a92","Dovetail UI component","A dropdown menu with navigation options and a trigger button.",577,739,"UI component from Dovetail","component",[62],{"id":63,"title":64,"slug":65},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":67},[],{"uuid":69,"title":55,"description":70,"canonical_path":4,"image":71,"width":72,"height":73,"image_alt":59,"kind":60,"categories":74,"app":79},"3057b23f-763e-40d8-be5a-b224b565c468","A modal for bulk data import with drag and drop functionality and a file upload button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fada5ab29-cecc-4fa2-86f4-5a19b4e6bd64.png",2196,1052,[75],{"id":76,"title":77,"slug":78},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"categories":80},[],{"uuid":82,"title":55,"description":83,"canonical_path":4,"image":84,"width":85,"height":86,"image_alt":59,"kind":60,"categories":87,"app":92},"a1ba860f-5471-4ea7-91ad-5cd8dcc1864e","A display of featured software integrations presented in a card-based layout.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe4a074f9-da8b-4b77-b725-31951ea6aff9.png",2192,945,[88],{"id":89,"title":90,"slug":91},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":93},[],{"uuid":95,"title":55,"description":96,"canonical_path":4,"image":97,"width":98,"height":99,"image_alt":59,"kind":60,"categories":100,"app":105},"c9431a40-7d97-4fdb-b01b-af988be021a0","User interface displaying user groups and their members for access management.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdf29d501-baa0-4b4a-9786-f66120b21cdc.png",1128,1432,[101],{"id":102,"title":103,"slug":104},255,"Upgrade your plan","upgrade-your-plan",{"slug":31,"title":30,"logo":33,"categories":106},[],{"uuid":108,"title":55,"description":109,"canonical_path":4,"image":110,"width":72,"height":111,"image_alt":59,"kind":60,"categories":112,"app":117},"4778b619-6791-437d-ae19-8f423628c6b2","A user management interface displaying a list of users and pending invitations within a web application.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa9b90573-4b37-4339-b5d9-07d4c856bbad.png",1084,[113],{"id":114,"title":115,"slug":116},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":118},[],{"uuid":120,"title":55,"description":121,"canonical_path":4,"image":122,"width":123,"height":124,"image_alt":59,"kind":60,"categories":125,"app":127},"41295335-978e-4144-9caf-3cb50951c66f","A modal dialog for adding a new field, displaying a dropdown menu for selecting the field type with 'Email' currently highlighted.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F64675df6-2794-4ec0-8d84-8c4eaa623926.png",1040,1560,[126],{"id":63,"title":64,"slug":65},{"slug":31,"title":30,"logo":33,"categories":128},[],{"uuid":130,"title":55,"description":131,"canonical_path":4,"image":132,"width":72,"height":133,"image_alt":59,"kind":60,"categories":134,"app":139},"4a6cbc9b-8095-4346-894b-5d934e123276","A card displaying a user's current plan details, including trial status, free tier information, and channel usage with a progress bar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9ac671c1-887e-4783-98d4-562b226f60a7.png",681,[135],{"id":136,"title":137,"slug":138},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":140},[],{"uuid":142,"title":55,"description":143,"canonical_path":4,"image":144,"width":145,"height":146,"image_alt":59,"kind":60,"categories":147,"app":152},"0c58a9d8-d89e-4b3a-969f-2a0d2358f662","An error message indicating invalid permissions to move insights, with a retry option.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F057d5f28-0e2c-4188-816e-b5cb03764873.png",648,230,[148],{"id":149,"title":150,"slug":151},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":153},[],{"uuid":155,"title":55,"description":156,"canonical_path":4,"image":157,"width":158,"height":159,"image_alt":59,"kind":60,"categories":160,"app":162},"89f9f476-b2e9-4bf2-9b1e-c35bd6ceb42a","A user interface displaying a list of various content types with navigation tabs and data table features.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F18d65718-23cf-481b-ba75-59e41cff8941.png",2283,1425,[161],{"id":114,"title":115,"slug":116},{"slug":31,"title":30,"logo":33,"categories":163},[],{"uuid":165,"title":55,"description":166,"canonical_path":4,"image":167,"width":168,"height":169,"image_alt":59,"kind":60,"categories":170,"app":172},"eb53cacf-13ac-4838-9779-813e0dc4456d","A user interface displaying a list of projects, channels, and documents in a table format with selection and action options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F779ea53d-8586-4a6a-b3ea-5fd402f37d65.png",2562,1855,[171],{"id":114,"title":115,"slug":116},{"slug":31,"title":30,"logo":33,"categories":173},[],{"uuid":175,"title":55,"description":176,"canonical_path":4,"image":177,"width":178,"height":179,"image_alt":59,"kind":60,"categories":180,"app":185},"2807d911-a11d-443b-9ee8-205c866f4543","A modal dialog presenting automation settings for language, summarization, key moments, and sensitive information redaction.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3795b53c-4088-476e-b16b-0b124990b6f2.png",1067,1015,[181],{"id":182,"title":183,"slug":184},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":186},[],{"uuid":188,"title":55,"description":189,"canonical_path":4,"image":190,"width":191,"height":192,"image_alt":59,"kind":60,"categories":193,"app":195},"07ef1787-86ea-43b4-9a20-ec07068da120","A modal dialog for importing tags, offering options to upload a CSV file via drag and drop or choose from various third-party integrations.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff811a7d6-e43d-4eec-b468-914a1095bb74.png",1761,1163,[194],{"id":76,"title":77,"slug":78},{"slug":31,"title":30,"logo":33,"categories":196},[],[],[199,202,205,208,211,214],{"label":200,"to":201},"Dovetail product screens","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fscreens",{"label":203,"to":204},"Dovetail marketing pages","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fmarketing",{"label":206,"to":207},"Dovetail user flows","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fflows",{"label":209,"to":210},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":212,"to":213},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":215,"to":216},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"published_at":218,"updated_at":219},"2017-02-15T22:20:24.000Z","2026-09-13T13:02:39.000Z"]