[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002F8d54fabe-81f1-4865-9696-045a63291993":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":53,"links":54,"dates":61},"\u002Fexamples\u002Fcomponents\u002F8d54fabe-81f1-4865-9696-045a63291993","detail","components",true,{"title":9,"description":10,"og_image":11},"Role Color Picker - Nicelydone","A color picker component for selecting a role color. It includes a label, helper text, a default color option with a checkmark, a custom color picker button…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8d54fabe-81f1-4865-9696-045a63291993.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":20,"to":4},"Role Color Picker",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"UI component","A color picker component for selecting a role color. It includes a label, helper text, a default color option with a checkmark, a custom color picker button with an eyedropper icon, and a grid of predefined color swatches.",[],[],[27],{"uuid":28,"title":20,"description":23,"canonical_path":29,"image":11,"width":30,"height":31,"image_alt":32,"kind":33,"categories":34,"app":39},"8d54fabe-81f1-4865-9696-045a63291993","\u002Fexamples\u002Fapps\u002Fdiscord\u002Fcomponents",1012,322,"Role Color Picker from Discord","component",[35],{"id":36,"title":37,"slug":38},183,"Color picker","color-picker",{"slug":40,"title":41,"logo":42,"baseline":43,"categories":44},"discord","Discord","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdiscord-5c23ee2c.png","Your place to talk and hang out",[45,49],{"id":46,"title":47,"slug":48},1,"Communities","communities",{"id":50,"title":51,"slug":52},42,"Messaging","messaging",[],[55,57,59],{"label":37,"to":56},"\u002Fexamples\u002Fcomponents\u002Fcolor-picker",{"label":58,"to":29},"Discord UI components",{"label":60,"to":18},"All UI component examples",{"published_at":62,"updated_at":63},"2023-03-15T10:45:56.000Z","2026-09-08T17:10:41.000Z"]