12:[["$","main",null,{"children":[["$","$L5",null,{"maxW":"100%","children":[["$","$L20","div-0",{"code":"import { Button } from 'welcome-ui/Button'\nimport { Field } from 'welcome-ui/Field'\nimport { FileUpload } from 'welcome-ui/FileUpload'\n\nconst Example = () => {\n const handleChange = () => {\n // your code\n }\n\n return (\n \n {\n //error\n }}\n value=\"\"\n >\n {({ openFile }) => }\n \n \n )\n}\n\nexport default Example\n","isOverview":true,"mt":0,"name":"FileUpload","pathToFile":"/FileUpload/docs/examples/overview.tsx","withCodeEditor":true}]]}],["$","$L5",null,{"maxW":"100%","children":[["$","$Lf","h2-0",{"alignItems":"center","as":"h2","borderBottom":"1px solid","borderBottomColor":"neutral-30","display":"flex","id":"examples","mt":"3xl","pb":"sm","style":{"scrollMarginTop":170},"variant":"h3","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#examples","textDecoration":{"hover":"underline"},"children":"Examples"}]}]]}],["$","$L5",null,{"maxW":"100%","children":[["$","$Lf","h3-0",{"as":"h3","id":"preview","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#preview","textDecoration":{"hover":"underline"},"children":"Preview"}]}],"\n",["$","$L20","div-0",{"code":"import { FileUpload } from 'welcome-ui/FileUpload'\n\nconst Example = () => {\n const handleChange = () => {\n // your code\n }\n\n return (\n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"FileUpload","pathToFile":"/FileUpload/docs/examples/preview.tsx","withCodeEditor":true}],"\n",["$","$Lf","h3-1",{"as":"h3","id":"multiple","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#multiple","textDecoration":{"hover":"underline"},"children":"Multiple"}]}],"\n",["$","$L21","p-0",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Add ","position":{"start":{"line":8,"column":1,"offset":99},"end":{"line":8,"column":5,"offset":103}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"multiple","position":{"start":{"line":8,"column":5,"offset":103},"end":{"line":8,"column":15,"offset":113}}}],"position":{"start":{"line":8,"column":5,"offset":103},"end":{"line":8,"column":15,"offset":113}}},{"type":"text","value":" property.","position":{"start":{"line":8,"column":15,"offset":113},"end":{"line":8,"column":25,"offset":123}}}],"position":{"start":{"line":8,"column":1,"offset":99},"end":{"line":8,"column":25,"offset":123}}},"children":["Add ",["$","$L5","code-0",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"multiple"}]," property."]}],"\n",["$","$L20","div-1",{"code":"import { Button } from 'welcome-ui/Button'\nimport { FileUpload } from 'welcome-ui/FileUpload'\n\nconst Example = () => {\n const handleChange = () => {\n // your code\n }\n\n return (\n \n {({ disabled, openFile }) => (\n \n )}\n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"FileUpload","pathToFile":"/FileUpload/docs/examples/multiple.tsx","withCodeEditor":true}],"\n",["$","$Lf","h3-2",{"as":"h3","id":"disabled","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#disabled","textDecoration":{"hover":"underline"},"children":"Disabled"}]}],"\n",["$","$L20","div-2",{"code":"import { Button } from 'welcome-ui/Button'\nimport { FileUpload } from 'welcome-ui/FileUpload'\n\nconst Example = () => {\n return (\n \n {({ disabled, openFile }) => (\n \n )}\n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"FileUpload","pathToFile":"/FileUpload/docs/examples/disabled.tsx","withCodeEditor":true}],"\n",["$","$Lf","h3-3",{"as":"h3","id":"customize","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#customize","textDecoration":{"hover":"underline"},"children":"Customize"}]}],"\n",["$","$Lf","h4-0",{"as":"h4","id":"button","mb":"md","mt":"xl","variant":"h5","children":"Button"}],"\n",["$","$L21","p-1",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can change the upload button component.","position":{"start":{"line":20,"column":1,"offset":311},"end":{"line":20,"column":44,"offset":354}}}],"position":{"start":{"line":20,"column":1,"offset":311},"end":{"line":20,"column":44,"offset":354}}},"children":"You can change the upload button component."}],"\n",["$","$L20","div-3",{"code":"import { Button } from 'welcome-ui/Button'\nimport { FileUpload } from 'welcome-ui/FileUpload'\nimport { UploadIcon } from 'welcome-ui/Icons'\n\nconst Example = () => {\n const handleChange = () => {\n // your code\n }\n\n return (\n \n {({ disabled, openFile }) => (\n \n )}\n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"FileUpload","pathToFile":"/FileUpload/docs/examples/customize-button.tsx","withCodeEditor":true}],"\n",["$","$Lf","h4-1",{"as":"h4","id":"preview","mb":"md","mt":"xl","variant":"h5","children":"Preview"}],"\n",["$","$L21","p-2",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can change the preview component.","position":{"start":{"line":26,"column":1,"offset":450},"end":{"line":26,"column":38,"offset":487}}}],"position":{"start":{"line":26,"column":1,"offset":450},"end":{"line":26,"column":38,"offset":487}}},"children":"You can change the preview component."}],"\n",["$","$L20","div-4",{"code":"$22","isOverview":false,"mt":"$undefined","name":"FileUpload","pathToFile":"/FileUpload/docs/examples/customize-preview.tsx","withCodeEditor":true}],"\n",["$","$L21","p-3",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can also set the ","position":{"start":{"line":30,"column":1,"offset":570},"end":{"line":30,"column":22,"offset":591}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"preview","position":{"start":{"line":30,"column":22,"offset":591},"end":{"line":30,"column":31,"offset":600}}}],"position":{"start":{"line":30,"column":22,"offset":591},"end":{"line":30,"column":31,"offset":600}}},{"type":"text","value":" prop to ","position":{"start":{"line":30,"column":31,"offset":600},"end":{"line":30,"column":40,"offset":609}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"null","position":{"start":{"line":30,"column":40,"offset":609},"end":{"line":30,"column":46,"offset":615}}}],"position":{"start":{"line":30,"column":40,"offset":609},"end":{"line":30,"column":46,"offset":615}}},{"type":"text","value":" and handle your own preview in place of the upload button with ","position":{"start":{"line":30,"column":46,"offset":615},"end":{"line":30,"column":110,"offset":679}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"files","position":{"start":{"line":30,"column":110,"offset":679},"end":{"line":30,"column":117,"offset":686}}}],"position":{"start":{"line":30,"column":110,"offset":679},"end":{"line":30,"column":117,"offset":686}}},{"type":"text","value":" & ","position":{"start":{"line":30,"column":117,"offset":686},"end":{"line":30,"column":120,"offset":689}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"onRemoveFile","position":{"start":{"line":30,"column":120,"offset":689},"end":{"line":30,"column":134,"offset":703}}}],"position":{"start":{"line":30,"column":120,"offset":689},"end":{"line":30,"column":134,"offset":703}}},{"type":"text","value":" render props.","position":{"start":{"line":30,"column":134,"offset":703},"end":{"line":30,"column":148,"offset":717}}}],"position":{"start":{"line":30,"column":1,"offset":570},"end":{"line":30,"column":148,"offset":717}}},"children":["You can also set the ",["$","$L5","code-0",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"preview"}]," prop to ",["$","$L5","code-1",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"null"}]," and handle your own preview in place of the upload button with ",["$","$L5","code-2",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"files"}]," & ",["$","$L5","code-3",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"onRemoveFile"}]," render props."]}],"\n",["$","$L20","div-5",{"code":"$23","isOverview":false,"mt":"$undefined","name":"FileUpload","pathToFile":"/FileUpload/docs/examples/customize-preview-2.tsx","withCodeEditor":true}]]}]]}],["$","$L24",null,{"isSubPage":true,"tree":[{"href":"#","id":"definition","title":"Definition"},{"href":"#installation","id":"installation","title":"Installation"},{"href":"#examples","id":"examples","title":"Examples","children":[{"href":"#preview","id":"preview","title":"Preview"},{"href":"#multiple","id":"multiple","title":"Multiple"},{"href":"#disabled","id":"disabled","title":"Disabled"},{"href":"#customize","id":"customize","title":"Customize"}]}]}]]