"use strict";(self.webpackChunknewoaks_help=self.webpackChunknewoaks_help||[]).push([[6020],{6970:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>c,contentTitle:()=>a,default:()=>p,frontMatter:()=>i,metadata:()=>o,toc:()=>l});const o=JSON.parse('{"id":"javascript-sdk/control-bubble","title":"Control Bubble","description":"Overview","source":"@site/developer/javascript-sdk/control-bubble.md","sourceDirName":"javascript-sdk","slug":"/javascript-sdk/control-bubble","permalink":"/guides/developer/javascript-sdk/control-bubble","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":1,"frontMatter":{"sidebar_position":1},"sidebar":"sidebar","previous":{"title":"Javascript SDK","permalink":"/guides/developer/category/javascript-sdk"},"next":{"title":"API","permalink":"/guides/developer/category/api"}}');var r=t(4848),s=t(8453);const i={sidebar_position:1},a="Control Bubble",c={},l=[{value:"Overview",id:"overview",level:2}];function d(e){const n={code:"code",h1:"h1",h2:"h2",header:"header",p:"p",pre:"pre",...(0,s.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.header,{children:(0,r.jsx)(n.h1,{id:"control-bubble",children:"Control Bubble"})}),"\n",(0,r.jsx)(n.h2,{id:"overview",children:"Overview"}),"\n",(0,r.jsx)(n.p,{children:"You can dynamically open/close the bubble using the open and close methods."}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-JavaScript",metastring:'title="JavaScript"',children:"window.newoaksActions.openBubble(); // opens the bubble\nwindow.newoaksActions.closeBubble(); // closes the bubble\n"})})]})}function p(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(d,{...e})}):d(e)}},8453:(e,n,t)=>{t.d(n,{R:()=>i,x:()=>a});var o=t(6540);const r={},s=o.createContext(r);function i(e){const n=o.useContext(s);return o.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:i(e.components),o.createElement(s.Provider,{value:n},e.children)}}}]);