[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbuena\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":40,"showcases":211,"links":212,"dates":225},"\u002Fexamples\u002Fapps\u002Fbuena\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Buena UI components examples - Nicelydone","Browse Buena UI component design examples. Preview individual interface elements and explore related component categories. Property management, as it should be","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5fc25d9a-cc75-4844-8b00-916569a7e45f.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},"Buena design examples","\u002Fexamples\u002Fapps\u002Fbuena",{"label":23,"to":4},"Buena 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},"Buena","buena","Property management, as it should be","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbuena-5b3e0a86.png","https:\u002F\u002Fwww.buena.com","withbuena",[36],{"id":37,"title":38,"slug":39},9,"Real Estate","real-estate",[41,56,66,81,96,111,126,140,151,166,181,196],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"categories":49,"app":54},"e17bff5b-6edd-4a51-804a-6d873145629a","Filter toolbar","A horizontal row of controls for filtering data, consisting of a search icon button and three dropdown menus for Type, City, and Services.",893,208,"Filter toolbar from Buena","component",[50],{"id":51,"title":52,"slug":53},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"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":64},"8f02ea0f-3842-4527-9b08-b6f4a929e4a3","A horizontal toolbar containing a search icon button, two dropdown filters for 'Rental contract ends' and 'Archive', and a 'Clear filters' text button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdbad8bed-d89f-4fc7-9be8-c428d0c3c022.png",1428,336,[63],{"id":51,"title":52,"slug":53},{"slug":30,"title":29,"logo":32,"categories":65},[],{"uuid":67,"title":68,"description":69,"canonical_path":4,"image":70,"width":71,"height":72,"image_alt":73,"kind":48,"categories":74,"app":79},"074cde3d-447d-4128-94df-79edfb26f343","Date badge","A pill-shaped badge displaying a date alongside an image icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fccb001d1-35c8-4462-bba3-16592df52380.png",368,196,"Date badge from Buena",[75],{"id":76,"title":77,"slug":78},260,"Badge","badge",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":83,"description":84,"canonical_path":4,"image":85,"width":86,"height":87,"image_alt":88,"kind":48,"categories":89,"app":94},"4439edc9-2542-4d0c-b3af-bf692d362c45","Tenancies Table","A data table displaying a list of tenancies with columns for salutation, first name, last name, email, phone, move-in date, and move-out date. It includes a header with a title and an add button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F666c84ba-c34e-4afd-a430-5ab6c9f3b4b3.png",3120,614,"Tenancies Table from Buena",[90],{"id":91,"title":92,"slug":93},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":95},[],{"uuid":97,"title":98,"description":99,"canonical_path":4,"image":100,"width":101,"height":102,"image_alt":103,"kind":48,"categories":104,"app":109},"cb795d7e-2701-4a5b-8064-4e5cf2c332e9","Success Toast","A pill-shaped toast notification indicating a successful data update, featuring a green checkmark icon and white text on a dark background.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1558d231-5679-4664-8eaf-a0e76dcdeb03.png",658,279,"Success Toast from Buena",[105],{"id":106,"title":107,"slug":108},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":113,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":118,"kind":48,"categories":119,"app":124},"119fc6a4-0bfa-4193-8abf-89f8f8659003","Radio group","A radio group with two options, 'Limited' and 'Unlimited', presented as selectable cards.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc0511c1e-8c24-494d-86d6-872a41cfe06e.png",928,349,"Radio group from Buena",[120],{"id":121,"title":122,"slug":123},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":125},[],{"uuid":127,"title":128,"description":129,"canonical_path":4,"image":130,"width":116,"height":131,"image_alt":132,"kind":48,"categories":133,"app":138},"c3ce46f7-6e21-4d8b-bd3d-05783edcbd74","Select Input","A standard select input field with a label, currently displaying a selected value.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5dbd47d2-2c59-4085-bc44-4ead4e1eb8af.png",253,"Select Input from Buena",[134],{"id":135,"title":136,"slug":137},204,"Input select","input-select",{"slug":30,"title":29,"logo":32,"categories":139},[],{"uuid":141,"title":142,"description":143,"canonical_path":4,"image":144,"width":116,"height":145,"image_alt":146,"kind":48,"categories":147,"app":149},"99b3c2e6-8d3b-49d9-be83-c7880bccc3e2","Amenities Checkbox List","A vertical list of checkbox options for selecting included amenities, styled as full-width rounded cards.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0c4f44f0-49de-45c5-85bc-e11bb774c724.png",926,"Amenities Checkbox List from Buena",[148],{"id":121,"title":122,"slug":123},{"slug":30,"title":29,"logo":32,"categories":150},[],{"uuid":152,"title":153,"description":154,"canonical_path":4,"image":155,"width":156,"height":157,"image_alt":158,"kind":48,"categories":159,"app":164},"4e4bd8e5-dd5b-4410-bcfd-0ac87bb5485a","Unit condition dropdown","An expanded dropdown menu for selecting a unit's condition, with the first option highlighted.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F396478f7-7a62-4998-b4de-b94ffb04cfc3.png",990,910,"Unit condition dropdown from Buena",[160],{"id":161,"title":162,"slug":163},190,"Dropdown menu","dropdown-menu",{"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":48,"categories":174,"app":179},"7a62c0c9-dfdc-433a-a9be-8b3b6e72202f","Missing Data Card","A card prompting the user to add required missing data, featuring a warning badge, title, description, and an action button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faadbed81-90d6-4866-8b7c-962acd2cb8d3.png",608,677,"Missing Data Card from Buena",[175],{"id":176,"title":177,"slug":178},174,"Card","card",{"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":48,"categories":189,"app":194},"0135031c-07ed-446f-8320-65079e08da98","Page Header with Breadcrumb","A page header displaying a breadcrumb navigation trail above a large page title.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc4baa0f0-f33c-4889-81ea-c00c78c86b6f.png",1117,404,"Page Header with Breadcrumb from Buena",[190],{"id":191,"title":192,"slug":193},177,"Breadcrumb","breadcrumb",{"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":48,"categories":204,"app":209},"662375e1-3bd2-43f8-9684-dbdfadd959b7","Navigation Tabs with Badges","A horizontal row of navigation tabs used to switch between different sections of a property unit detail page. Some tabs include notification badges with numeric counts.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Febf7980f-b3d5-403d-973b-41a29d7956df.png",2317,318,"Navigation Tabs with Badges from Buena",[205],{"id":206,"title":207,"slug":208},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":210},[],[],[213,216,219,222],{"label":214,"to":215},"Buena product screens","\u002Fexamples\u002Fapps\u002Fbuena\u002Fscreens",{"label":217,"to":218},"Buena marketing pages","\u002Fexamples\u002Fapps\u002Fbuena\u002Fmarketing",{"label":220,"to":221},"Buena user flows","\u002Fexamples\u002Fapps\u002Fbuena\u002Fflows",{"label":223,"to":224},"Real Estate app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Freal-estate",{"published_at":226,"updated_at":227},"2024-01-05T14:40:04.000Z","2026-09-18T12:15:31.000Z"]