[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002F620ac129-cea3-4567-b86d-9122d4efb867":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":25,"showcases":48,"links":49,"dates":56},"\u002Fexamples\u002Fcomponents\u002F620ac129-cea3-4567-b86d-9122d4efb867","detail","components",true,{"title":9,"description":10,"og_image":11},"Color swatch picker - Nicelydone","A color picker component allowing users to select a highlight color from a predefined palette or add a custom color.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbcb3fb3b-ca8a-4a9f-8ba4-01b834a27f73.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":20,"to":4},"Color swatch picker",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":24},"UI component",[],[],[26],{"uuid":27,"title":20,"description":10,"canonical_path":28,"image":11,"width":29,"height":30,"image_alt":31,"kind":32,"categories":33,"app":38},"620ac129-cea3-4567-b86d-9122d4efb867","\u002Fexamples\u002Fapps\u002Ftango\u002Fcomponents",1365,521,"Color swatch picker from Tango","component",[34],{"id":35,"title":36,"slug":37},183,"Color picker","color-picker",{"slug":39,"title":40,"logo":41,"baseline":42,"categories":43},"tango","Tango","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftango-94551899.png","Interactive walkthroughs, created in seconds",[44],{"id":45,"title":46,"slug":47},22,"Knowledge Management","knowledge-management",[],[50,52,54],{"label":36,"to":51},"\u002Fexamples\u002Fcomponents\u002Fcolor-picker",{"label":53,"to":28},"Tango UI components",{"label":55,"to":18},"All UI component examples",{"published_at":57,"updated_at":58},"2023-06-06T09:16:45.000Z","2026-09-11T00:05:48.000Z"]