[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fballpark\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":225,"links":226,"dates":245},"\u002Fexamples\u002Fapps\u002Fballpark\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Ballpark UI components examples - Nicelydone","Browse Ballpark UI component design examples. Preview individual interface elements and explore related component categories. Product research so simple,…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F04091b4d-dd5c-4332-aadc-c2ea4970c1e3.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},"Ballpark design examples","\u002Fexamples\u002Fapps\u002Fballpark",{"label":23,"to":4},"Ballpark UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Ballpark UI component design examples. Preview individual interface elements and explore related component categories. Product research so simple, you’ll never skip it again.",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Ballpark","ballpark","Product research so simple, you’ll never skip it again.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fballpark-54hppc1c.png","https:\u002F\u002Fballparkhq.com",[36,40,44,48],{"id":37,"title":38,"slug":39},8,"Design","design",{"id":41,"title":42,"slug":43},35,"Feedback","feedback",{"id":45,"title":46,"slug":47},69,"Surveys","surveys",{"id":49,"title":50,"slug":51},104,"User Research","user-research",[53,68,83,98,113,125,139,154,169,180,195,210],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"categories":61,"app":66},"3cd754ec-c114-48d9-8734-1c4c59a8107d","Sort dropdown","An open dropdown menu for sorting a list. The trigger button shows the current sort option, and the menu lists available sort criteria.",593,542,"Sort dropdown from Ballpark","component",[62],{"id":63,"title":64,"slug":65},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":67},[],{"uuid":69,"title":70,"description":71,"canonical_path":4,"image":72,"width":73,"height":74,"image_alt":75,"kind":60,"categories":76,"app":81},"0df2f62d-026e-43b1-a0f6-0a377deb64f8","Project list table","A data table displaying a list of team projects with columns for name, responses, last response, date created, and owner. A toolbar above the table includes tabs, search, sorting, and a primary action button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7925260c-d9fd-43f2-b0ea-22ce1daa0e23.png",2705,1102,"Project list table from Ballpark",[77],{"id":78,"title":79,"slug":80},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":82},[],{"uuid":84,"title":85,"description":86,"canonical_path":4,"image":87,"width":88,"height":89,"image_alt":90,"kind":60,"categories":91,"app":96},"f38ff191-cadf-4e70-8b85-4e74b1624a95","Empty sort popover","A popover displaying an empty state for table sorting, accessed from a toolbar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb718d771-bf3a-4dcb-a7ab-b54b7142627c.png",1264,594,"Empty sort popover from Ballpark",[92],{"id":93,"title":94,"slug":95},302,"Empty state","emptystate",{"slug":31,"title":30,"logo":33,"categories":97},[],{"uuid":99,"title":100,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":105,"kind":60,"categories":106,"app":111},"1d851f14-9bfc-4663-89fa-9470d5c9187c","Filter builder popover","A popover overlay containing a filter builder interface. It allows users to construct a filter rule by selecting a field, an operator, and a value. It includes options to add new filters or clear all existing ones.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4b0b4102-51dc-47b2-8354-99cd4fb22ec2.png",1490,754,"Filter builder popover from Ballpark",[107],{"id":108,"title":109,"slug":110},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":115,"description":116,"canonical_path":4,"image":117,"width":118,"height":119,"image_alt":120,"kind":60,"categories":121,"app":123},"c90f8681-9946-4c97-be7d-e372fa2bd052","Filter popover","A popover menu for building complex filters, featuring property and value selection dropdowns, an add filter button, and a clear all option.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3a65c239-5e8e-4ed4-b5e7-388549ed42a5.png",1522,736,"Filter popover from Ballpark",[122],{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":124},[],{"uuid":126,"title":127,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":132,"kind":60,"categories":133,"app":137},"965cee69-482f-4eb9-b7f7-e83408637297","Progress indicator","A progress bar showing the status of remaining cards. It includes a title, a text label indicating the count, and a horizontal bar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3ee9aad3-b864-4e82-b2d5-5bcc0e410801.png",793,205,"Progress indicator from Ballpark",[134],{"id":135,"title":127,"slug":136},213,"progress-indicator",{"slug":31,"title":30,"logo":33,"categories":138},[],{"uuid":140,"title":141,"description":142,"canonical_path":4,"image":143,"width":144,"height":145,"image_alt":146,"kind":60,"categories":147,"app":152},"86d9d5d4-f075-41b1-b1fe-413758ea4718","Success Toast","A dark-themed toast notification displaying a success message with a checkmark icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6bcc2c5e-bcc0-4486-8b95-6fb6db9048d8.png",971,395,"Success Toast from Ballpark",[148],{"id":149,"title":150,"slug":151},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":153},[],{"uuid":155,"title":156,"description":157,"canonical_path":4,"image":158,"width":159,"height":160,"image_alt":161,"kind":60,"categories":162,"app":167},"f4cba5c1-ceb7-4fc7-bcf9-11849603f484","Conditional logic rule builder","A form for creating conditional logic rules. It includes dropdowns for selecting conditions based on dates and actions to take when conditions are met.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff940167a-2550-46bb-8169-4be6f983a45c.png",2254,946,"Conditional logic rule builder from Ballpark",[163],{"id":164,"title":165,"slug":166},217,"Query builder","query-builder",{"slug":31,"title":30,"logo":33,"categories":168},[],{"uuid":170,"title":171,"description":172,"canonical_path":4,"image":173,"width":159,"height":174,"image_alt":175,"kind":60,"categories":176,"app":178},"b4127705-0907-4f1a-b5da-cf9ec0948025","Empty state with actions","An empty state message indicating no rules have been set up, enclosed in a dashed border. Below the message are two buttons to clear or add rules.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffa2f356f-b55e-46dd-831e-e7db8208b84d.png",792,"Empty state with actions from Ballpark",[177],{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":4,"image":184,"width":185,"height":186,"image_alt":187,"kind":60,"categories":188,"app":193},"e64733f9-6532-47e3-aadd-353010994750","Number Input with Steppers","A numeric input field with a label, helper text, and inline minus\u002Fplus stepper buttons to adjust the value.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F72019e99-3489-4377-9a4d-e47a14adb6ba.png",678,301,"Number Input with Steppers from Ballpark",[189],{"id":190,"title":191,"slug":192},257,"Input number","input-number",{"slug":31,"title":30,"logo":33,"categories":194},[],{"uuid":196,"title":197,"description":198,"canonical_path":4,"image":199,"width":200,"height":201,"image_alt":202,"kind":60,"categories":203,"app":208},"8c74c7dd-4156-41c0-8a4a-798079475e89","Options popover menu","A popover menu containing a list of configuration options, each with a title, description, and a toggle switch.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5a9400f6-e3ec-4aff-89f4-7532a04161b9.png",684,1035,"Options popover menu from Ballpark",[204],{"id":205,"title":206,"slug":207},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":209},[],{"uuid":211,"title":212,"description":213,"canonical_path":4,"image":214,"width":215,"height":216,"image_alt":217,"kind":60,"categories":218,"app":223},"4754e7bb-f18e-469a-8d45-c3e5111d894b","Image upload dropzone","A drag-and-drop file upload area for images, featuring an illustration of image files, a primary instruction, and supported file types and size limits.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F58d02c2a-7f3f-4811-8dfa-2ed0aa6572da.png",1221,1367,"Image upload dropzone from Ballpark",[219],{"id":220,"title":221,"slug":222},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"categories":224},[],[],[227,230,233,236,239,242],{"label":228,"to":229},"Ballpark product screens","\u002Fexamples\u002Fapps\u002Fballpark\u002Fscreens",{"label":231,"to":232},"Ballpark marketing pages","\u002Fexamples\u002Fapps\u002Fballpark\u002Fmarketing",{"label":234,"to":235},"Ballpark user flows","\u002Fexamples\u002Fapps\u002Fballpark\u002Fflows",{"label":237,"to":238},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":240,"to":241},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"label":243,"to":244},"Surveys app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsurveys",{"published_at":246,"updated_at":247},"2023-03-07T15:35:25.000Z","2026-09-13T13:02:39.000Z"]