[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fflows\u002Fdf216645-c8ca-4633-936f-92f31f44f2c7":3,"content-store-meta":-1,"i-custom:bookmark":394},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":25,"showcases":62,"links":382,"dates":391},"\u002Fexamples\u002Fflows\u002Fdf216645-c8ca-4633-936f-92f31f44f2c7","detail","flows",true,{"title":9,"description":10,"og_image":11},"Axiom Flow Example: Adding dashboard spacer - Nicelydone","Preview this Axiom user flow: Adding dashboard spacer. Explore the opening screens.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F053f16c2-56d5-4965-825c-b0fceea2db72.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows",{"label":20,"to":4},"Axiom Flow Example: Adding dashboard spacer",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":24},"User flow",[],[],[26],{"uuid":27,"title":28,"description":29,"canonical_path":30,"kind":31,"patterns_count":32,"categories":33,"screens":42,"app":58},"df216645-c8ca-4633-936f-92f31f44f2c7","Adding dashboard spacer","User opens widget popover on dashboard, selects Spacer, names it in modal, and sees unsaved changes banner on dashboard","\u002Fexamples\u002Fapps\u002Faxiom\u002Fflows","flow",3,[34,38],{"id":35,"title":36,"slug":37},80,"Adding","add",{"id":39,"title":40,"slug":41},67,"Customizing","customize",[43,50,54],{"uuid":44,"title":45,"description":46,"image":11,"image_alt":47,"width":48,"height":49},"053f16c2-56d5-4965-825c-b0fceea2db72","AxiomTest | Dashboards","Dashboard where the user views log streams, timeseries charts, and heatmaps, with a popover menu open to add new widget types.","AxiomTest | Dashboards from Axiom",3024,1758,{"uuid":51,"title":45,"description":52,"image":53,"image_alt":47,"width":48,"height":49},"e31bff28-9039-47cc-b1f2-2176df77fff5","Dashboard overlay where the user names and adds a resizable spacer widget to their layout.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe31bff28-9039-47cc-b1f2-2176df77fff5.png",{"uuid":55,"title":45,"description":56,"image":57,"image_alt":47,"width":48,"height":49},"2be0d7b9-a06e-4604-bb14-add6d66fefa7","Data visualization","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2be0d7b9-a06e-4604-bb14-add6d66fefa7.png",{"slug":59,"title":60,"logo":61},"axiom","Axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png",[63],{"family":6,"title":64,"examples":65},"Related user flows",[66,92,118,140,165,190,217,239,269,305,326,352],{"uuid":67,"title":68,"description":69,"canonical_path":70,"kind":31,"patterns_count":32,"categories":71,"screens":73,"app":88},"4ae0e43a-6382-40ab-848b-2c8759912f15","Adding project content","User lands on empty project workspace and opens add menu offering folder, space, image, video, audio, 3D, upload files or upload folder","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fflows",[72],{"id":35,"title":36,"slug":37},[74,80,84],{"uuid":75,"title":76,"description":77,"image":78,"image_alt":79,"width":48,"height":49},"65f5a3c9-f59d-45ef-b1cc-f5d6a0f20ee2","Creations | Magnific AI","File organization","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F65f5a3c9-f59d-45ef-b1cc-f5d6a0f20ee2.png","Creations | Magnific AI from Magnific",{"uuid":81,"title":76,"description":82,"image":83,"image_alt":79,"width":48,"height":49},"828ca915-6919-4a09-be49-cc146f18d850","Detail page for an empty project workspace where the user is prompted to start by adding folders, spaces, or uploading media files via an open add menu.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F828ca915-6919-4a09-be49-cc146f18d850.png",{"uuid":85,"title":76,"description":86,"image":87,"image_alt":79,"width":48,"height":49},"549a380d-1abf-4417-ad13-9c9e0bc26f9c","File upload Sidebar navigation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F549a380d-1abf-4417-ad13-9c9e0bc26f9c.png",{"slug":89,"title":90,"logo":91},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png",{"uuid":93,"title":94,"description":95,"canonical_path":96,"kind":31,"patterns_count":32,"categories":97,"screens":99,"app":114},"9b74d29d-7ff6-4cfd-b9ef-25ec6255e51a","Adding SSH key","User opens Add SSH Key modal during virtual machine creation to provide name, scope, and public key content","\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fflows",[98],{"id":35,"title":36,"slug":37},[100,106,110],{"uuid":101,"title":102,"description":103,"image":104,"image_alt":105,"width":48,"height":49},"5f495fad-0095-4348-a00f-d27db0ff431b","Create virtual machines – Dashboard - Latitude.sh","Modal where the user adds a new SSH key by providing a name, selecting a scope, and pasting the key content during virtual machine creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5f495fad-0095-4348-a00f-d27db0ff431b.png","Create virtual machines – Dashboard - Latitude.sh from Latitude.sh",{"uuid":107,"title":102,"description":108,"image":109,"image_alt":105,"width":48,"height":49},"300af174-6a88-476f-a7ea-101c6990736b","Modal overlay where the user adds a new SSH key by specifying a name, selecting a project or team scope, and pasting the public key content during virtual machine creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F300af174-6a88-476f-a7ea-101c6990736b.png",{"uuid":111,"title":102,"description":112,"image":113,"image_alt":105,"width":48,"height":49},"b27702a8-e3bf-4d4c-bf06-50d5ade82151","Creation form for a new virtual machine where the user is adding a new SSH key via a modal overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb27702a8-e3bf-4d4c-bf06-50d5ade82151.png",{"slug":115,"title":116,"logo":117},"latitude-2","Latitude.sh","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F855c8d51-549e-4924-978d-a865acc9f11a.png",{"uuid":119,"title":120,"description":121,"canonical_path":122,"kind":31,"patterns_count":123,"categories":124,"screens":126,"app":136},"9d750d03-4c3b-4cf1-9289-f73af6efa56b","Configuring data view fields","User starts in custom list view and adds columns to a data table via searchable picker in Alloy","\u002Fexamples\u002Fapps\u002Falloy\u002Fflows",2,[125],{"id":39,"title":40,"slug":41},[127,133],{"uuid":128,"title":129,"description":130,"image":131,"image_alt":132,"width":48,"height":49},"ed9d4507-6eca-41c7-bf33-548f757dddcd","Nicely Done » New view","Project management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fed9d4507-6eca-41c7-bf33-548f757dddcd.png","Nicely Done » New view from Alloy",{"uuid":134,"title":129,"description":130,"image":135,"image_alt":132,"width":48,"height":49},"d4a91b2c-b275-4298-ba3b-fc3030c1167f","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd4a91b2c-b275-4298-ba3b-fc3030c1167f.png",{"slug":137,"title":138,"logo":139},"alloy","Alloy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F13110ce9-b228-4dcd-99db-7c3272fae2ce.png",{"uuid":141,"title":142,"description":143,"canonical_path":144,"kind":31,"patterns_count":32,"categories":145,"screens":147,"app":162},"90e45585-8a55-41c1-9776-a75e010509aa","Adding partner","User opens profile settings and completes a modal form to add a partner with name, DOB, income, tax status, and color assignment","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fflows",[146],{"id":35,"title":36,"slug":37},[148,154,158],{"uuid":149,"title":150,"description":151,"image":152,"image_alt":153,"width":48,"height":49},"5cdbc754-f3d5-492c-bfdd-632e7fe07b0b","Origin Financial","User profile","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5cdbc754-f3d5-492c-bfdd-632e7fe07b0b.png","Origin Financial from Origin Financial",{"uuid":155,"title":150,"description":156,"image":157,"image_alt":153,"width":48,"height":49},"0091d1ba-4b7a-4aa1-a7f8-e1ddaf0d6965","Settings page where the user fills out a form in a modal to add a partner to their financial profile, specifying name, date of birth, income, and assigning color codes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0091d1ba-4b7a-4aa1-a7f8-e1ddaf0d6965.png",{"uuid":159,"title":150,"description":160,"image":161,"image_alt":153,"width":48,"height":49},"5d77bbb9-1765-42cf-810c-08b74d0ccba3","Color selection Settings modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5d77bbb9-1765-42cf-810c-08b74d0ccba3.png",{"slug":163,"title":150,"logo":164},"useorigin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png",{"uuid":166,"title":167,"description":168,"canonical_path":169,"kind":31,"patterns_count":170,"categories":171,"screens":173,"app":186},"b3d8f248-12b0-4969-a8ef-afc527dcb2ce","Customizing recording styles","Editing brand styles, text elements, and timeline tracks in the video editor workspace","\u002Fexamples\u002Fapps\u002Friverside\u002Fflows",4,[172],{"id":39,"title":40,"slug":41},[174,180,183],{"uuid":175,"title":176,"description":177,"image":178,"image_alt":179,"width":48,"height":49},"061a6507-1b5a-4acc-910f-3680ba7849a9","Riverside Studio","Video editor","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F061a6507-1b5a-4acc-910f-3680ba7849a9.png","Riverside Studio from Riverside",{"uuid":181,"title":176,"description":177,"image":182,"image_alt":179,"width":48,"height":49},"d915a558-695d-429b-9028-6740cb960d75","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd915a558-695d-429b-9028-6740cb960d75.png",{"uuid":184,"title":176,"description":177,"image":185,"image_alt":179,"width":48,"height":49},"9ad36379-4f8e-458f-ade1-8c18a380d5b2","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9ad36379-4f8e-458f-ade1-8c18a380d5b2.png",{"slug":187,"title":188,"logo":189},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png",{"uuid":191,"title":192,"description":193,"canonical_path":194,"kind":31,"patterns_count":195,"categories":196,"screens":198,"app":213},"b276c0b9-422a-4fe1-9275-4e0f0a96a6ed","Customizing brand theme","Admin configures workspace brand theme across appearance settings screens with live client portal preview, color\u002Flayout\u002Ffont controls, asset uploads, and upgrade prompts","\u002Fexamples\u002Fapps\u002Fdock\u002Fflows",11,[197],{"id":39,"title":40,"slug":41},[199,205,209],{"uuid":200,"title":201,"description":202,"image":203,"image_alt":204,"width":48,"height":49},"2b397bcd-f071-454a-baf5-0e46603f93b1","Custom Branding · Dock","Navigation bar Sidebar Progress bar Project management Settings Sidebar navigation Account settings Hierarchical navigation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b397bcd-f071-454a-baf5-0e46603f93b1.png","Custom Branding · Dock from Dock",{"uuid":206,"title":201,"description":207,"image":208,"image_alt":204,"width":48,"height":49},"e39541a5-76dd-40ca-9b9f-03760b437629","Modern Design Color palette Sidebar Progress bar File upload Settings Form layout Form Sidebar navigation Configuration Split view Save changes","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe39541a5-76dd-40ca-9b9f-03760b437629.png",{"uuid":210,"title":201,"description":211,"image":212,"image_alt":204,"width":48,"height":49},"f2f03713-1017-47ba-b8b6-e66be4df9fbc","Workspace settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff2f03713-1017-47ba-b8b6-e66be4df9fbc.png",{"slug":214,"title":215,"logo":216},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png",{"uuid":218,"title":219,"description":220,"canonical_path":221,"kind":31,"patterns_count":123,"categories":222,"screens":224,"app":235},"2bf3ce64-c1b6-4aeb-83f2-ad66ae28639e","Adding sender domain","User views empty sender domains settings and opens multi-step modal to begin adding a domain for DNS verification","\u002Fexamples\u002Fapps\u002Fbloom\u002Fflows",[223],{"id":35,"title":36,"slug":37},[225,231],{"uuid":226,"title":227,"description":228,"image":229,"image_alt":230,"width":48,"height":49},"79c58c39-77d8-4fe8-8873-cac29f8d0902","Bloom by Medusa","Settings page where the user configures verified sender domains by adding DNS records to enable sending emails from their own address, currently showing an empty state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F79c58c39-77d8-4fe8-8873-cac29f8d0902.png","Bloom by Medusa from Bloom",{"uuid":232,"title":227,"description":233,"image":234,"image_alt":230,"width":48,"height":49},"dd97d58b-4038-4fff-b590-b79b9c5545ea","Settings page where the user initiates adding a new sender domain via a multi-step modal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdd97d58b-4038-4fff-b590-b79b9c5545ea.png",{"slug":236,"title":237,"logo":238},"bloom","Bloom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F62461f0d-4182-4996-ae7b-cbc623f6ee3f.png",{"uuid":240,"title":241,"description":242,"canonical_path":243,"kind":31,"patterns_count":244,"categories":245,"screens":251,"app":265},"8bc218c4-d3de-482e-8bbd-6e71afbc4f7a","Adding project domain","User navigates from empty custom domains settings to modal form to add domain, encounters paywall, and may confirm exit","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fflows",5,[246,247],{"id":35,"title":36,"slug":37},{"id":248,"title":249,"slug":250},71,"Settings","settings",[252,257,261],{"uuid":253,"title":254,"description":211,"image":255,"image_alt":256,"width":48,"height":49},"624b42ea-04f8-4d68-bf07-7fc9da62fff7","Settings - Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F624b42ea-04f8-4d68-bf07-7fc9da62fff7.png","Settings - Appwrite from Appwrite",{"uuid":258,"title":254,"description":259,"image":260,"image_alt":256,"width":48,"height":49},"56fa5f42-af36-47f4-94e3-430f4c2a1b00","Modal where the user enters a custom domain name to add it to their project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F56fa5f42-af36-47f4-94e3-430f4c2a1b00.png",{"uuid":262,"title":254,"description":263,"image":264,"image_alt":256,"width":48,"height":49},"c2da3850-983f-4937-91a1-354b00a9486d","Settings modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc2da3850-983f-4937-91a1-354b00a9486d.png",{"slug":266,"title":267,"logo":268},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png",{"uuid":270,"title":271,"description":272,"canonical_path":273,"kind":31,"patterns_count":274,"categories":275,"screens":286,"app":301},"587feb58-6eb1-43dd-b888-05000632e703","Configuring webchat integration","User configures installation snippet, appearance, security, and deployment options for Voiceflow AI agent's webchat widget across multiple settings screens, with upgrade prompts for advanced features","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fflows",9,[276,280,281,282],{"id":277,"title":278,"slug":279},62,"Connecting to integration","connect-to-integration",{"id":39,"title":40,"slug":41},{"id":248,"title":249,"slug":250},{"id":283,"title":284,"slug":285},49,"Upgrading subscription","upgrade-your-plan",[287,293,297],{"uuid":288,"title":289,"description":290,"image":291,"image_alt":292,"width":48,"height":49},"8c9b554d-cc6d-4706-9701-9a4f76898e50","My first AI agent","Settings page where the user configures the installation snippet, appearance, and security of their webchat widget, while an onboarding prompt encourages them to build their first agent.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8c9b554d-cc6d-4706-9701-9a4f76898e50.png","My first AI agent from Voiceflow",{"uuid":294,"title":289,"description":295,"image":296,"image_alt":292,"width":48,"height":49},"3721cc19-003b-4c2b-b753-06c6e0fdc618","SaaS pricing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3721cc19-003b-4c2b-b753-06c6e0fdc618.png",{"uuid":298,"title":289,"description":299,"image":300,"image_alt":292,"width":48,"height":49},"7f47927e-2c63-4b54-8754-881092ef0f39","Code snippet","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7f47927e-2c63-4b54-8754-881092ef0f39.png",{"slug":302,"title":303,"logo":304},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png",{"uuid":306,"title":307,"description":308,"canonical_path":309,"kind":31,"patterns_count":123,"categories":310,"screens":312,"app":323},"f44baa1c-bc09-4cb5-8f35-a767f12d6363","Adding product or service","User opens Add Product Modal from AI Settings to define name, description, price, and invoice options for the AI receptionist's knowledge base","\u002Fexamples\u002Fapps\u002Fbeside\u002Fflows",[311],{"id":35,"title":36,"slug":37},[313,319],{"uuid":314,"title":315,"description":316,"image":317,"image_alt":318,"width":48,"height":49},"535eecdc-2b8c-40ad-ae8d-b163a3a20181","Beside","Minimalist design Rounded corners Modal dialog Form layout Form Data management Data entry Modal screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F535eecdc-2b8c-40ad-ae8d-b163a3a20181.png","Beside from Beside",{"uuid":320,"title":315,"description":321,"image":322,"image_alt":318,"width":48,"height":49},"aad9f257-ff70-4e40-be4c-7991b5662d6a","Modal dialog Form layout Form Data entry Configuration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faad9f257-ff70-4e40-be4c-7991b5662d6a.png",{"slug":324,"title":315,"logo":325},"beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png",{"uuid":327,"title":328,"description":329,"canonical_path":330,"kind":31,"patterns_count":274,"categories":331,"screens":333,"app":348},"48a3db3e-7785-44f4-a71d-3dbc4bf971ea","Configuring avatar appearance","User configures AI avatar name, demographics, appearance prompt, orientation, pose and style inside creation modal before generating preview image or video","\u002Fexamples\u002Fapps\u002Fheygen\u002Fflows",[332],{"id":39,"title":40,"slug":41},[334,340,344],{"uuid":335,"title":336,"description":337,"image":338,"image_alt":339,"width":48,"height":49},"c9fc6311-3bc1-4aa0-a7f3-4341ef3cb092","HeyGen - AI Spokesperson Video Creator","Modal where the user configures a new AI avatar by defining its name, demographics, appearance description, orientation, and pose.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc9fc6311-3bc1-4aa0-a7f3-4341ef3cb092.png","HeyGen - AI Spokesperson Video Creator from HeyGen",{"uuid":341,"title":336,"description":342,"image":343,"image_alt":339,"width":48,"height":49},"122bc4ae-d632-49b5-b795-dec347386f0c","Creation modal where the user configures basic details, appearance, and style to generate a new AI avatar character.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F122bc4ae-d632-49b5-b795-dec347386f0c.png",{"uuid":345,"title":336,"description":346,"image":347,"image_alt":339,"width":48,"height":49},"6c921201-15a7-43b3-aeb5-eabcb86ed360","Creation modal where the user configures the name, age, gender, appearance, orientation, pose, and style to generate a new AI avatar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6c921201-15a7-43b3-aeb5-eabcb86ed360.png",{"slug":349,"title":350,"logo":351},"heygen","HeyGen","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd8cda81f-5b21-444e-8401-676a6cf2f817.png",{"uuid":353,"title":354,"description":355,"canonical_path":356,"kind":31,"patterns_count":32,"categories":357,"screens":363,"app":378},"91bf5d3b-00fd-4627-b703-ceee818585b7","Editing wallet profile","User opens context menu on a wallet in settings and edits its name and color identifier in a modal","\u002Fexamples\u002Fapps\u002Ffamily\u002Fflows",[358,359],{"id":39,"title":40,"slug":41},{"id":360,"title":361,"slug":362},60,"Editing","edit",[364,370,374],{"uuid":365,"title":366,"description":367,"image":368,"image_alt":369,"width":48,"height":49},"01231f1f-19bb-4ff3-94db-84aaef4d5cce","Aave Account","Account settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F01231f1f-19bb-4ff3-94db-84aaef4d5cce.png","Aave Account from Family",{"uuid":371,"title":366,"description":372,"image":373,"image_alt":369,"width":48,"height":49},"21ed0f86-dacd-4028-b5e8-cce5ccaacc11","Settings page where the user edits a wallet's name and selects a custom color identifier from a grid.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F21ed0f86-dacd-4028-b5e8-cce5ccaacc11.png",{"uuid":375,"title":366,"description":376,"image":377,"image_alt":369,"width":48,"height":49},"6f88fb4a-f0fc-47fa-bb35-ee0c251d5d2b","Settings page where the user customizes their crypto wallet by selecting an icon color and editing the wallet name in a modal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f88fb4a-f0fc-47fa-bb35-ee0c251d5d2b.png",{"slug":379,"title":380,"logo":381},"family","Family","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F54b399c5-e1bc-4b2d-9748-6c66246cee2b.png",[383,385,387,389],{"label":36,"to":384},"\u002Fexamples\u002Fflows\u002Fadd",{"label":40,"to":386},"\u002Fexamples\u002Fflows\u002Fcustomize",{"label":388,"to":30},"Axiom user flows",{"label":390,"to":18},"All user flow examples",{"published_at":392,"updated_at":393},"2026-06-09T18:35:16.000Z","2026-09-25T06:59:24.000Z",{"left":395,"top":395,"width":396,"height":396,"rotate":395,"vFlip":397,"hFlip":397,"body":398},0,20,false,"\u003Cg fill=\"none\">\u003Cpath d=\"M9.7334 2.41699H10.2666C11.3987 2.41699 12.2028 2.41737 12.832 2.46875C13.4526 2.51945 13.8371 2.61637 14.1416 2.77148C14.7531 3.08307 15.2509 3.57988 15.5625 4.19141C15.7176 4.49587 15.8136 4.88039 15.8643 5.50098C15.9157 6.13035 15.916 6.93496 15.916 8.06738V15.1338C15.916 15.6634 15.9153 16.0086 15.8926 16.2578C15.879 16.4067 15.8598 16.4744 15.8525 16.4971C15.8095 16.5461 15.7506 16.576 15.6855 16.5811C15.6634 16.5734 15.5976 16.5486 15.4697 16.4697C15.2568 16.3384 14.9804 16.1313 14.5566 15.8135L11.4102 13.4541C11.1193 13.236 10.8105 12.9878 10.4453 12.8916C10.1533 12.8147 9.84573 12.8147 9.55371 12.8916C9.18862 12.9879 8.88057 13.2361 8.58984 13.4541L5.44336 15.8135C5.01942 16.1314 4.74231 16.3384 4.5293 16.4697C4.40092 16.5489 4.33537 16.5735 4.31348 16.5811C4.24875 16.5759 4.18941 16.5468 4.14648 16.498C4.13942 16.4762 4.12019 16.4085 4.10645 16.2578C4.08375 16.0086 4.08301 15.6634 4.08301 15.1338V8.06738C4.08301 6.93498 4.08335 6.13034 4.13477 5.50098C4.18547 4.88035 4.28236 4.49588 4.4375 4.19141C4.74906 3.58004 5.24605 3.08305 5.85742 2.77148C6.16189 2.61635 6.54637 2.51946 7.16699 2.46875C7.79636 2.41734 8.60099 2.41699 9.7334 2.41699Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fg>"]