[{"data":1,"prerenderedAt":193},["ShallowReactive",2],{"navigation_docs":3,"-user-guide-tools-gradient":127,"-user-guide-tools-gradient-surround":188},[4,23,91,109],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":22},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,14,18],{"title":11,"path":12,"stem":13},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction",{"title":15,"path":16,"stem":17},"Download","\u002Fgetting-started\u002Fdownload","1.getting-started\u002F2.download",{"title":19,"path":20,"stem":21},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F3.roadmap",false,{"title":24,"icon":25,"path":26,"stem":27,"children":28,"page":22},"User Guide","i-lucide-book-open","\u002Fuser-guide","2.user-guide",[29,75,79,83,87],{"title":30,"icon":31,"path":32,"stem":33,"children":34,"page":22},"Tools","i-lucide-wrench","\u002Fuser-guide\u002Ftools","2.user-guide\u002F1.tools",[35,39,43,47,51,55,59,63,67,71],{"title":36,"path":37,"stem":38},"Brush","\u002Fuser-guide\u002Ftools\u002Fbrush","2.user-guide\u002F1.tools\u002F1.brush",{"title":40,"path":41,"stem":42},"Crop","\u002Fuser-guide\u002Ftools\u002Fcrop","2.user-guide\u002F1.tools\u002F10.crop",{"title":44,"path":45,"stem":46},"Eraser","\u002Fuser-guide\u002Ftools\u002Feraser","2.user-guide\u002F1.tools\u002F2.eraser",{"title":48,"path":49,"stem":50},"Shapes","\u002Fuser-guide\u002Ftools\u002Fshapes","2.user-guide\u002F1.tools\u002F3.shapes",{"title":52,"path":53,"stem":54},"Selection","\u002Fuser-guide\u002Ftools\u002Fselection","2.user-guide\u002F1.tools\u002F4.selection",{"title":56,"path":57,"stem":58},"Fill","\u002Fuser-guide\u002Ftools\u002Ffill","2.user-guide\u002F1.tools\u002F5.fill",{"title":60,"path":61,"stem":62},"Gradient","\u002Fuser-guide\u002Ftools\u002Fgradient","2.user-guide\u002F1.tools\u002F6.gradient",{"title":64,"path":65,"stem":66},"Color Picker","\u002Fuser-guide\u002Ftools\u002Fcolor-picker","2.user-guide\u002F1.tools\u002F7.color-picker",{"title":68,"path":69,"stem":70},"Text","\u002Fuser-guide\u002Ftools\u002Ftext","2.user-guide\u002F1.tools\u002F8.text",{"title":72,"path":73,"stem":74},"Transform","\u002Fuser-guide\u002Ftools\u002Ftransform","2.user-guide\u002F1.tools\u002F9.transform",{"title":76,"path":77,"stem":78},"Layers & Compositing","\u002Fuser-guide\u002Flayers-and-compositing","2.user-guide\u002F2.layers-and-compositing",{"title":80,"path":81,"stem":82},"Canvas Workflow","\u002Fuser-guide\u002Fcanvas-workflow","2.user-guide\u002F3.canvas-workflow",{"title":84,"path":85,"stem":86},"Documents","\u002Fuser-guide\u002Fdocuments","2.user-guide\u002F4.documents",{"title":88,"path":89,"stem":90},"Troubleshooting","\u002Fuser-guide\u002Ftroubleshooting","2.user-guide\u002F5.troubleshooting",{"title":92,"icon":93,"path":94,"stem":95,"children":96,"page":22},"Tips & Tricks","i-lucide-lightbulb","\u002Ftips-and-tricks","3.tips-and-tricks",[97,101,105],{"title":98,"path":99,"stem":100},"Canvas & Gestures","\u002Ftips-and-tricks\u002Fcanvas-and-gestures","3.tips-and-tricks\u002F1.canvas-and-gestures",{"title":102,"path":103,"stem":104},"Brushes & Strokes","\u002Ftips-and-tricks\u002Fbrushes-and-strokes","3.tips-and-tricks\u002F2.brushes-and-strokes",{"title":106,"path":107,"stem":108},"Color & Selections","\u002Ftips-and-tricks\u002Fcolor-and-selections","3.tips-and-tricks\u002F3.color-and-selections",{"title":110,"icon":111,"path":112,"stem":113,"children":114,"page":22},"Development","i-lucide-code","\u002Fdevelopment","4.development",[115,119,123],{"title":116,"path":117,"stem":118},"Development Overview","\u002Fdevelopment\u002Foverview","4.development\u002F1.overview",{"title":120,"path":121,"stem":122},"AI & LLM Usage","\u002Fdevelopment\u002Fai-and-llm-usage","4.development\u002F2.ai-and-llm-usage",{"title":124,"path":125,"stem":126},"Changelog","\u002Fdevelopment\u002Fchangelog","4.development\u002F3.changelog",{"id":128,"title":60,"body":129,"description":181,"extension":182,"links":183,"meta":184,"navigation":185,"path":61,"seo":186,"stem":62,"__hash__":187},"docs\u002F2.user-guide\u002F1.tools\u002F6.gradient.md",{"type":130,"value":131,"toc":175},"minimark",[132,136,140,145,168,172],[133,134,60],"h1",{"id":135},"gradient",[137,138,139],"p",{},"The Gradient tool fills with a smooth blend between color stops.",[141,142,144],"h2",{"id":143},"types","Types",[146,147,148,156,162],"ul",{},[149,150,151,155],"li",{},[152,153,154],"strong",{},"Linear"," - blends along the drag direction.",[149,157,158,161],{},[152,159,160],{},"Radial"," - blends outward from the start point.",[149,163,164,167],{},[152,165,166],{},"Square"," - blends in concentric squares.",[141,169,171],{"id":170},"stops","Stops",[137,173,174],{},"Drag on the canvas to set the gradient's direction and extent. Edit colors on\nthe multi-stop bar: add stops, drag to reposition, and click a stop to set its\ncolor from the picker. Stops are saved with the project.",{"title":176,"searchDepth":177,"depth":177,"links":178},"",2,[179,180],{"id":143,"depth":177,"text":144},{"id":170,"depth":177,"text":171},"Linear, radial and square gradients with multi-stop editing.","md",null,{},true,{"title":60,"description":181},"71jSwgwpJAVlDBUBV_hAcJKfODJl2mwwsWpE7NxagwI",[189,191],{"title":56,"path":57,"stem":58,"description":190,"children":-1},"Flood-fill an area with the current color.",{"title":64,"path":65,"stem":66,"description":192,"children":-1},"Sample a color from the canvas.",1788292910502]