Open in CodeSandbox function!

[victorkardel]

Hey guys it's possible to have my own button to open in codesandbox?

Sorry I'm really new at sandpack not sure if we already have an hook to do this.

[danilowoz]

Hey, welcome!

Sure you can:

import {
  SandpackCodeEditor,
  SandpackPreview,
  SandpackProvider,
  UnstyledOpenInCodeSandboxButton
} from "@codesandbox/sandpack-react";

export default function App() {
  return (
    <SandpackProvider>
      <SandpackCodeEditor />
      <SandpackPreview
        showOpenInCodeSandbox={false}
        actionsChildren={
          <UnstyledOpenInCodeSandboxButton>
            My button
          </UnstyledOpenInCodeSandboxButton>
        }
      />
    </SandpackProvider>
  );
}

https://codesandbox.io/s/fervent-satoshi-2bmuge?file=/src/App.tsx