[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Freadcv\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":45,"showcases":215,"links":216,"dates":232},"\u002Fexamples\u002Fapps\u002Freadcv\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Read.cv UI components examples - Nicelydone","Browse Read.cv UI component design examples. Preview individual interface elements and explore related component categories. An ever extensible professional…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fef77abb6-f0f0-4638-8661-f9816dc5e439.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},"Read.cv design examples","\u002Fexamples\u002Fapps\u002Freadcv",{"label":23,"to":4},"Read.cv UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Read.cv UI component design examples. Preview individual interface elements and explore related component categories. An ever extensible professional profile and personal archive",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Read.cv","readcv","An ever extensible professional profile and personal archive","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freadcv-9d9977cf.png","https:\u002F\u002Fread.cv","read_cv",[37,41],{"id":38,"title":39,"slug":40},49,"Social Network","social-network",{"id":42,"title":43,"slug":44},74,"Employment","employment",[46,61,76,91,106,120,135,144,159,174,186,201],{"uuid":47,"title":48,"description":49,"canonical_path":4,"image":11,"width":50,"height":51,"image_alt":52,"kind":53,"categories":54,"app":59},"ef77abb6-f0f0-4638-8661-f9816dc5e439","Settings toggle row","A settings row with a title, descriptive helper text, and a toggle switch to enable or disable a feature.",1335,378,"Settings toggle row from Read.cv","component",[55],{"id":56,"title":57,"slug":58},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":60},[],{"uuid":62,"title":63,"description":64,"canonical_path":4,"image":65,"width":66,"height":67,"image_alt":68,"kind":53,"categories":69,"app":74},"6014afbb-d9a1-4968-8de8-0141f6f574fa","Destructive button","A button styled for destructive actions, featuring red text and a light red background with a red border.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6014afbb-d9a1-4968-8de8-0141f6f574fa.png",392,192,"Destructive button from Read.cv",[70],{"id":71,"title":72,"slug":73},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":75},[],{"uuid":77,"title":78,"description":79,"canonical_path":4,"image":80,"width":81,"height":82,"image_alt":83,"kind":53,"categories":84,"app":89},"12328df5-94da-428d-9b67-1863970f0932","Settings Sidebar","A vertical sidebar navigation menu for a team profile settings page. It includes a workspace switcher, navigation links with icons, an onboarding checklist popover, and action buttons for previewing and publishing.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F12328df5-94da-428d-9b67-1863970f0932.png",556,995,"Settings Sidebar from Read.cv",[85],{"id":86,"title":87,"slug":88},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":90},[],{"uuid":92,"title":93,"description":94,"canonical_path":4,"image":95,"width":96,"height":97,"image_alt":98,"kind":53,"categories":99,"app":104},"800d15ed-db52-448f-ad04-ad1471a0e954","Preview mode alert","A full-width banner alert indicating the current page is in preview mode, featuring a light green background and a close icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F800d15ed-db52-448f-ad04-ad1471a0e954.png",1336,352,"Preview mode alert from Read.cv",[100],{"id":101,"title":102,"slug":103},167,"Alert","alert",{"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":53,"categories":114,"app":118},"965f1c08-78ec-4bfc-9877-1d468aeb6e2f","Information Tooltip","A dark tooltip displaying explanatory text next to an information icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F965f1c08-78ec-4bfc-9877-1d468aeb6e2f.png",510,254,"Information Tooltip from Read.cv",[115],{"id":112,"title":116,"slug":117},"Tooltip","tooltip-element",{"slug":31,"title":30,"logo":33,"categories":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":4,"image":124,"width":125,"height":126,"image_alt":127,"kind":53,"categories":128,"app":133},"caeab2f3-896f-41a5-92bb-14f497f58843","Appearance setting row","A settings row for configuring appearance, featuring a label, description, and a dropdown select menu currently set to 'Dark'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcaeab2f3-896f-41a5-92bb-14f497f58843.png",861,200,"Appearance setting row from Read.cv",[129],{"id":130,"title":131,"slug":132},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":134},[],{"uuid":136,"title":122,"description":137,"canonical_path":4,"image":138,"width":125,"height":139,"image_alt":127,"kind":53,"categories":140,"app":142},"19b6e133-92ee-4327-a882-a83110240d63","A settings row for configuring appearance, featuring a label, a descriptive sub-label, and a dropdown select menu currently set to 'System'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F19b6e133-92ee-4327-a882-a83110240d63.png",195,[141],{"id":130,"title":131,"slug":132},{"slug":31,"title":30,"logo":33,"categories":143},[],{"uuid":145,"title":146,"description":147,"canonical_path":4,"image":148,"width":149,"height":150,"image_alt":151,"kind":53,"categories":152,"app":157},"2e4f76de-f635-4f9c-8c40-b0e04f26c2ac","Read.cv UI component","This is a modal for selecting a team to post a job listing as.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2e4f76de-f635-4f9c-8c40-b0e04f26c2ac.png",719,608,"UI component from Read.cv",[153],{"id":154,"title":155,"slug":156},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":158},[],{"uuid":160,"title":161,"description":162,"canonical_path":4,"image":163,"width":164,"height":165,"image_alt":166,"kind":53,"categories":167,"app":172},"cef63544-08a7-47cd-88ba-d16414d18891","Tip banner","A small, rounded banner providing a helpful tip regarding browser print settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcef63544-08a7-47cd-88ba-d16414d18891.png",1208,394,"Tip banner from Read.cv",[168],{"id":169,"title":170,"slug":171},235,"Tips","tips",{"slug":31,"title":30,"logo":33,"categories":173},[],{"uuid":175,"title":176,"description":177,"canonical_path":4,"image":178,"width":179,"height":180,"image_alt":181,"kind":53,"categories":182,"app":184},"f3eba981-7bca-402a-bbbd-c6546b1aa027","Toggle switch row","A list item containing a label, a sub-label indicating the current state, and a toggle switch control.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff3eba981-7bca-402a-bbbd-c6546b1aa027.png",1207,322,"Toggle switch row from Read.cv",[183],{"id":56,"title":57,"slug":58},{"slug":31,"title":30,"logo":33,"categories":185},[],{"uuid":187,"title":188,"description":189,"canonical_path":4,"image":190,"width":191,"height":192,"image_alt":193,"kind":53,"categories":194,"app":199},"44e5b448-be33-4abc-864d-deb62853fb6f","Benefits multi-select tags","A group of selectable pill-shaped tags representing job benefits, with one tag currently selected.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F44e5b448-be33-4abc-864d-deb62853fb6f.png",1173,681,"Benefits multi-select tags from Read.cv",[195],{"id":196,"title":197,"slug":198},252,"Input tag","input-tag",{"slug":31,"title":30,"logo":33,"categories":200},[],{"uuid":202,"title":203,"description":204,"canonical_path":4,"image":205,"width":164,"height":206,"image_alt":207,"kind":53,"categories":208,"app":213},"3ebc3a28-ab48-4d81-a291-9950f39535a4","Rich text editor","A rich text editor field for entering a job description, featuring a formatting toolbar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3ebc3a28-ab48-4d81-a291-9950f39535a4.png",889,"Rich text editor from Read.cv",[209],{"id":210,"title":211,"slug":212},259,"Textarea","input-textarea",{"slug":31,"title":30,"logo":33,"categories":214},[],[],[217,220,223,226,229],{"label":218,"to":219},"Read.cv product screens","\u002Fexamples\u002Fapps\u002Freadcv\u002Fscreens",{"label":221,"to":222},"Read.cv marketing pages","\u002Fexamples\u002Fapps\u002Freadcv\u002Fmarketing",{"label":224,"to":225},"Read.cv user flows","\u002Fexamples\u002Fapps\u002Freadcv\u002Fflows",{"label":227,"to":228},"Social Network app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial-network",{"label":230,"to":231},"Employment app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femployment",{"published_at":233,"updated_at":234},"2021-08-15T16:46:52.000Z","2026-09-13T13:44:12.000Z"]