[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsana\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":223,"links":224,"dates":243},"\u002Fexamples\u002Fapps\u002Fsana\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Sana UI components examples - Nicelydone","Browse Sana UI component design examples. Preview individual interface elements and explore related component categories. Your AI assistant for work","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3910a7a1-cc3d-4e2c-8f69-4a3be2592abd.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},"Sana design examples","\u002Fexamples\u002Fapps\u002Fsana",{"label":23,"to":4},"Sana UI components examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Sana","sana","Your AI assistant for work","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsana-f298da05.png","https:\u002F\u002Fsana.ai","sanalabs",[36,40,44],{"id":37,"title":38,"slug":39},80,"Artificial Intelligence","artificial-intelligence",{"id":41,"title":42,"slug":43},30,"Productivity","productivity",{"id":45,"title":46,"slug":47},22,"Knowledge Management","knowledge-management",[49,64,79,94,109,124,139,154,166,181,196,211],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"4444342f-2320-490e-9c84-c4634f8a103a","Settings menu with theme popover","A vertical settings menu with a nested popover for selecting the application theme. The 'Theme' option is currently selected, opening a secondary menu with 'Follow system settings', 'Dark', and 'Light' options.",980,809,"Settings menu with theme popover from Sana","component",[58],{"id":59,"title":60,"slug":61},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":32,"categories":63},[],{"uuid":65,"title":66,"description":67,"canonical_path":4,"image":68,"width":69,"height":70,"image_alt":71,"kind":56,"categories":72,"app":77},"68e4cebb-47f2-4b40-9593-4ca2dc062471","User list item","A list item displaying a user's avatar, name, email address, and role.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbdcf44b4-1f71-4b58-b584-dbeb581a3128.png",1224,323,"User list item from Sana",[73],{"id":74,"title":75,"slug":76},169,"Avatar","avatar",{"slug":30,"title":29,"logo":32,"categories":78},[],{"uuid":80,"title":81,"description":82,"canonical_path":4,"image":83,"width":84,"height":85,"image_alt":86,"kind":56,"categories":87,"app":92},"fc22080f-9796-46e4-987d-4a5fa12912f5","Integration table","A table displaying shared integrations within a workspace, showing details like access level, number of assets, and sync status.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe624af9a-d0b7-4051-9121-a5943df98469.png",2344,732,"Integration table from Sana",[88],{"id":89,"title":90,"slug":91},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":93},[],{"uuid":95,"title":96,"description":97,"canonical_path":4,"image":98,"width":99,"height":100,"image_alt":101,"kind":56,"categories":102,"app":107},"00ce7b9b-de15-41be-980d-748e019bee17","Integration Card","A card displaying an integration option for Google Calendar with a description, a link to view disclosure, a connect button, and a privacy indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb2d94a4a-36aa-458a-a9f4-bfaa39e4a06d.png",838,770,"Integration Card from Sana",[103],{"id":104,"title":105,"slug":106},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":111,"description":112,"canonical_path":4,"image":113,"width":114,"height":115,"image_alt":116,"kind":56,"categories":117,"app":122},"086f51ff-69f8-4bc5-bb31-110f565b45c9","Upcoming meetings list","A vertical list of upcoming meetings grouped by relative date, showing meeting title, time, and recording status.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9415d52a-88fc-43fc-b546-a64d10e3192e.png",1014,1559,"Upcoming meetings list from Sana",[118],{"id":119,"title":120,"slug":121},249,"Timeline & history","timeline-history",{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":126,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":131,"kind":56,"categories":132,"app":137},"24ecaa18-1a89-4481-bf0f-9aa1ae6c1b7d","File processing status card","A small card displaying the filename, a success status indicator with an hourglass icon, and a timestamp.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb37962b3-308c-46d5-82a6-b38a9e82aae9.png",832,275,"File processing status card from Sana",[133],{"id":134,"title":135,"slug":136},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":138},[],{"uuid":140,"title":141,"description":142,"canonical_path":4,"image":143,"width":144,"height":145,"image_alt":146,"kind":56,"categories":147,"app":152},"9e77c16e-32da-4d6c-950b-4c87d7ee1bca","Date range picker","A date range picker component showing two consecutive months with a selected range highlighted.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F45b27cda-555d-4b93-9f9d-2815cc286f1f.png",1096,745,"Date range picker from Sana",[148],{"id":149,"title":150,"slug":151},199,"Input date","input-date",{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":156,"description":157,"canonical_path":4,"image":158,"width":159,"height":160,"image_alt":161,"kind":56,"categories":162,"app":164},"ddd65ad2-5a4f-477c-818f-8d2f22ef30c0","Error Toast","A toast notification displaying a generic error message with an information icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F602eadb5-c521-4410-937e-af99c8a9887d.png",774,200,"Error Toast from Sana",[163],{"id":134,"title":135,"slug":136},{"slug":30,"title":29,"logo":32,"categories":165},[],{"uuid":167,"title":168,"description":169,"canonical_path":4,"image":170,"width":171,"height":172,"image_alt":173,"kind":56,"categories":174,"app":179},"678a3c17-175d-4025-be57-0b56e1dad0f6","Sana UI component","A meeting management interface with calendar integration.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe4c9064b-9efc-4803-8070-f3d77f32fea2.png",1513,1658,"UI component from Sana",[175],{"id":176,"title":177,"slug":178},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":180},[],{"uuid":182,"title":183,"description":184,"canonical_path":4,"image":185,"width":186,"height":187,"image_alt":188,"kind":56,"categories":189,"app":194},"475ea18c-d9bd-42a3-b392-da411ddab862","Assistant dropdown menu","A dropdown menu for selecting an AI assistant, creating a new one, or accessing settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1111abcf-1e7e-4bc9-aa20-e627358fa35d.png",646,481,"Assistant dropdown menu from Sana",[190],{"id":191,"title":192,"slug":193},204,"Input select","input-select",{"slug":30,"title":29,"logo":32,"categories":195},[],{"uuid":197,"title":198,"description":199,"canonical_path":4,"image":200,"width":201,"height":202,"image_alt":203,"kind":56,"categories":204,"app":209},"7af828ef-2050-45dc-b32a-cc064362e5d0","Workspace Default Toggle","A toggle switch with a title and description, used to set an assistant as the workspace default.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F25753fce-5aa4-41d4-a7fa-5f886646aeb1.png",785,265,"Workspace Default Toggle from Sana",[205],{"id":206,"title":207,"slug":208},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":210},[],{"uuid":212,"title":213,"description":214,"canonical_path":4,"image":215,"width":216,"height":217,"image_alt":218,"kind":56,"categories":219,"app":221},"268e32d1-e7fc-40d7-8fb0-bc9ab9a08685","Success Toast","A success toast notification confirming that assistant settings have been saved.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F68677a18-a60b-40f6-995c-4626bde77bff.png",1006,401,"Success Toast from Sana",[220],{"id":134,"title":135,"slug":136},{"slug":30,"title":29,"logo":32,"categories":222},[],[],[225,228,231,234,237,240],{"label":226,"to":227},"Sana product screens","\u002Fexamples\u002Fapps\u002Fsana\u002Fscreens",{"label":229,"to":230},"Sana marketing pages","\u002Fexamples\u002Fapps\u002Fsana\u002Fmarketing",{"label":232,"to":233},"Sana user flows","\u002Fexamples\u002Fapps\u002Fsana\u002Fflows",{"label":235,"to":236},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":238,"to":239},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":241,"to":242},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"published_at":244,"updated_at":245},"2024-04-10T16:39:38.000Z","2026-09-23T12:10:23.000Z"]