[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002F59627d0e-b903-4879-a8a5-80d879d9fced":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\u002F59627d0e-b903-4879-a8a5-80d879d9fced","detail","components",true,{"title":9,"description":10,"og_image":11},"Color swatch selector - Nicelydone","A horizontal row of circular color swatches under the label 'Click Target Color'. The orange swatch is currently selected, indicated by an outer ring. A…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa533735c-f360-44f3-b5cd-ee5cc8124638.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 selector",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"UI component","A horizontal row of circular color swatches under the label 'Click Target Color'. The orange swatch is currently selected, indicated by an outer ring. A hash symbol icon sits at the end of the row, likely to open a custom hex code input.",[],[],[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},"59627d0e-b903-4879-a8a5-80d879d9fced","\u002Fexamples\u002Fapps\u002Fscribe\u002Fcomponents",549,243,"Color swatch selector from Scribe","component",[35],{"id":36,"title":37,"slug":38},183,"Color picker","color-picker",{"slug":40,"title":41,"logo":42,"baseline":43,"categories":44},"scribe","Scribe","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fscribe-4679b940.png","Turn any process into a step-by-step guide, instantly",[45,49],{"id":46,"title":47,"slug":48},23,"Collaboration","collaboration",{"id":50,"title":51,"slug":52},22,"Knowledge Management","knowledge-management",[],[55,57,59],{"label":37,"to":56},"\u002Fexamples\u002Fcomponents\u002Fcolor-picker",{"label":58,"to":29},"Scribe UI components",{"label":60,"to":18},"All UI component examples",{"published_at":62,"updated_at":63},"2023-07-10T13:55:08.000Z","2026-09-14T12:25:22.000Z"]