1"use strict";(globalThis.webpackChunkuppy_io=globalThis.webpackChunkuppy_io||[]).push([[2546],{28453:(e,i,n)=>{n.d(i,{R:()=>r,x:()=>u});var t=n(96540);const o={},s=t.createContext(o);function r(e){const i=t.useContext(s);return t.useMemo(function(){return"function"==typeof e?e(i):{...i,...e}},[i,e])}function u(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),t.createElement(s.Provider,{value:i},e.children)}},75752:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>p,contentTitle:()=>u,default:()=>l,frontMatter:()=>r,metadata:()=>t,toc:()=>a});const t=JSON.parse('{"id":"guides/building-your-own-ui-with-uppy","title":"Building your own UI with Uppy","description":"This guide is in progress.","source":"@site/docs/guides/building-your-own-ui-with-uppy.md","sourceDirName":"guides","slug":"/guides/building-your-own-ui-with-uppy","permalink":"/docs/guides/building-your-own-ui-with-uppy","draft":false,"unlisted":false,"editUrl":"https://github.com/transloadit/uppy.io/blob/main/docs/guides/building-your-own-ui-with-uppy.md","tags":[],"version":"current","sidebarPosition":4,"frontMatter":{"sidebar_position":4},"sidebar":"tutorialSidebar","previous":{"title":"Building plugins","permalink":"/docs/guides/building-plugins"},"next":{"title":"Supporting IE11","permalink":"/docs/guides/browser-support"}}');var o=n(74848),s=n(28453);const r={sidebar_position:4},u="Building your own UI with Uppy",p={},a=[];function d(e){const i={a:"a",admonition:"admonition",code:"code",h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i.header,{children:(0,o.jsx)(i.h1,{id:"building-your-own-ui-with-uppy",children:"Building your own UI with Uppy"})}),"\n",(0,o.jsx)(i.admonition,{type:"note",children:(0,o.jsx)(i.p,{children:"This guide is in progress."})}),"\n",(0,o.jsxs)(i.p,{children:["If you want to use Uppy with your own UI, you would have to instantiate the\n",(0,o.jsx)(i.code,{children:"Uppy"})," class and call methods on this instance as well as hook into events in\norder to react to changes in Uppy. See ",(0,o.jsx)(i.a,{href:"/docs/uppy/",children:"Uppy core"})," and\n",(0,o.jsx)(i.a,{href:"https://github.com/transloadit/uppy/tree/main/examples/react",children:"React"}),",\n",(0,o.jsx)(i.a,{href:"https://github.com/transloadit/uppy/tree/main/examples/vue",children:"Vue"})," and\n",(0,o.jsx)(i.a,{href:"https://github.com/transloadit/uppy/tree/main/examples/sveltekit",children:"Svelte"}),"\nexamples."]})]})}function l(e={}){const{wrapper:i}={...(0,s.R)(),...e.components};return i?(0,o.jsx)(i,{...e,children:(0,o.jsx)(d,{...e})}):d(e)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.