[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fenode\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":217,"links":218,"dates":237},"\u002Fexamples\u002Fapps\u002Fenode\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Enode UI components examples - Nicelydone","Browse Enode UI component design examples. Preview individual interface elements and explore related component categories. One integration, 800+ energy devices","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F736f9bd5-a772-4563-bb33-187c1aa20895.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},"Enode design examples","\u002Fexamples\u002Fapps\u002Fenode",{"label":23,"to":4},"Enode 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},"Enode","enode","One integration, 800+ energy devices","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fenode-c7a4d0ab.png","https:\u002F\u002Fenode.com","EnodeHQ",[36,40,44],{"id":37,"title":38,"slug":39},37,"Developer APIs","developer-apis",{"id":41,"title":42,"slug":43},87,"CleanTech","cleantech",{"id":45,"title":46,"slug":47},88,"Sustainability","sustainability",[49,64,79,94,109,124,138,152,164,176,191,206],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"08d4320c-b260-49fc-9fd8-08331c0de2f3","Brand Enablement Table","A table listing vehicle brands with their category, status (Enabled\u002FDisabled), and an action button to toggle their state.",2607,1345,"Brand Enablement Table from Enode","component",[58],{"id":59,"title":60,"slug":61},248,"Table","table-2",{"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},"70c6850a-f190-4bf1-9b4c-3b267c1a7a3d","Workspace switcher dropdown","A dropdown menu for switching workspaces and managing account settings. It includes a trigger button showing the current workspace, and a popover menu with links to the dashboard, clients, and user profile with logout and settings actions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd87f1324-2264-406b-a32a-5e922e039805.png",757,596,"Workspace switcher dropdown from Enode",[73],{"id":74,"title":75,"slug":76},190,"Dropdown menu","dropdown-menu",{"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},"4c2def62-8618-49d4-906c-4a37f7e33cd2","Beta alert card","A small informational card indicating a feature is in beta, with a button to provide feedback.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffd259ec2-dab3-4875-817d-106a3343b37a.png",500,352,"Beta alert card from Enode",[88],{"id":89,"title":90,"slug":91},167,"Alert","alert",{"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},"2f41cc01-fd35-490b-8778-17c95b5309db","Toggle switch row","A horizontal row containing a text label and a toggle switch control in its off state.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdb1e1d39-0c4b-4aea-97d5-240250ada5c5.png",1085,302,"Toggle switch row from Enode",[103],{"id":104,"title":105,"slug":106},236,"Toggle\u002FSwitch","toggle-switch",{"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},"ca610584-bc79-4a9d-99ad-f2655e67b11c","Numeric input with unit suffix","A form field row for setting a maximum range, featuring a label, helper text, and a numeric input field with a 'km' unit suffix.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F45855cd3-8db6-4be3-83e4-69a46a4e25c9.png",1316,338,"Numeric input with unit suffix from Enode",[118],{"id":119,"title":120,"slug":121},201,"Input text","input-text",{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":126,"description":127,"canonical_path":4,"image":128,"width":129,"height":115,"image_alt":130,"kind":56,"categories":131,"app":136},"8071b38f-6083-4ba3-9bf7-346dd0f7c9f5","Select input row","A form row containing a label on the left and a select dropdown on the right, currently showing 'UNPLUGGED'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fecc40d39-7a47-4809-a7b1-b33e8825538b.png",1609,"Select input row from Enode",[132],{"id":133,"title":134,"slug":135},204,"Input select","input-select",{"slug":30,"title":29,"logo":32,"categories":137},[],{"uuid":139,"title":140,"description":141,"canonical_path":4,"image":142,"width":143,"height":115,"image_alt":144,"kind":56,"categories":145,"app":150},"97fb380c-7d88-4904-ba09-aa478bfcac46","Number input with stepper","A number input field with a label on the left and minus\u002Fplus stepper buttons on the right, displaying a percentage value.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F91a40dc6-f969-4ff0-ad00-d45093c471a9.png",1313,"Number input with stepper from Enode",[146],{"id":147,"title":148,"slug":149},257,"Input number","input-number",{"slug":30,"title":29,"logo":32,"categories":151},[],{"uuid":153,"title":154,"description":155,"canonical_path":4,"image":156,"width":157,"height":158,"image_alt":159,"kind":56,"categories":160,"app":162},"c223c16e-4302-4df2-9975-04e6b9eccddf","Action menu","A dropdown menu showing actions for a specific item, triggered by an ellipsis icon next to an Edit button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1cc883a7-7ab3-4782-85a7-939d2b4e6bc2.png",598,351,"Action menu from Enode",[161],{"id":74,"title":75,"slug":76},{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":166,"description":167,"canonical_path":4,"image":168,"width":169,"height":170,"image_alt":171,"kind":56,"categories":172,"app":174},"61368a5c-ba7a-4320-a6ea-6b987fe3e513","Vendor Select Dropdown","An expanded dropdown menu for selecting a vehicle vendor, showing a list of car models with the first option selected.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F91dfa9cd-5996-4f2e-a6c4-db68ecd5b28f.png",951,658,"Vendor Select Dropdown from Enode",[173],{"id":74,"title":75,"slug":76},{"slug":30,"title":29,"logo":32,"categories":175},[],{"uuid":177,"title":178,"description":179,"canonical_path":4,"image":180,"width":181,"height":182,"image_alt":183,"kind":56,"categories":184,"app":189},"31f8066a-af91-4685-aeb5-f40be2d70d63","Image upload field","A file upload component specifically designed for uploading a display logo. It includes a placeholder image area, an upload button, and helper text explaining the requirements and purpose of the image.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fafd04379-5e0c-4f0f-bba1-efed9026bcee.png",976,482,"Image upload field from Enode",[185],{"id":186,"title":187,"slug":188},188,"File upload input","file-upload-input",{"slug":30,"title":29,"logo":32,"categories":190},[],{"uuid":192,"title":193,"description":194,"canonical_path":4,"image":195,"width":196,"height":197,"image_alt":198,"kind":56,"categories":199,"app":204},"ef179375-6404-408a-9171-0be17522ee87","Sidebar navigation","A vertical sidebar navigation menu with an expanded section and a selected item.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2f23fd1f-aae4-4cd8-a97b-4b24754f9716.png",510,1673,"Sidebar navigation from Enode",[200],{"id":201,"title":202,"slug":203},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":205},[],{"uuid":207,"title":208,"description":209,"canonical_path":4,"image":210,"width":181,"height":211,"image_alt":212,"kind":56,"categories":213,"app":215},"7b4644af-a0b0-424e-a4f3-8d775fb18683","Client Secret Field with Success Alert","A read-only input field displaying a generated client secret with a copy icon, followed by a success alert confirming generation and advising secure storage.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd497e522-8dde-4780-ab4f-6b53059ab889.png",440,"Client Secret Field with Success Alert from Enode",[214],{"id":89,"title":90,"slug":91},{"slug":30,"title":29,"logo":32,"categories":216},[],[],[219,222,225,228,231,234],{"label":220,"to":221},"Enode product screens","\u002Fexamples\u002Fapps\u002Fenode\u002Fscreens",{"label":223,"to":224},"Enode marketing pages","\u002Fexamples\u002Fapps\u002Fenode\u002Fmarketing",{"label":226,"to":227},"Enode user flows","\u002Fexamples\u002Fapps\u002Fenode\u002Fflows",{"label":229,"to":230},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":232,"to":233},"CleanTech app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcleantech",{"label":235,"to":236},"Sustainability app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsustainability",{"published_at":238,"updated_at":239},"2024-02-26T10:02:46.000Z","2026-09-21T00:10:24.000Z"]