chore: upd sandbox to use input

sweetalert2 · Oct 31, 2023 · 7f3b0a1 · 7f3b0a1
1 parent ebf161b
commit 7f3b0a1
Show file tree

Hide file tree

Showing 2 changed files with 1,230 additions and 1,084 deletions.
diff --git a/test/sandbox.jsx b/test/sandbox.jsx
@@ -1,11 +1,33 @@
-import React from 'react'
+import ReactDOM from 'react-dom/client'
+import React, { useState } from 'react'
 import Swal from 'sweetalert2/dist/sweetalert2.all'
 import withReactContent from '../src/index'
 
 let MySwal = withReactContent(Swal)
 
-MySwal.fire({
-  icon: 'success',
-  title: <i>Test</i>,
-  html: <i>Hello World</i>,
-})
+function App() {
+  const [inputValue, setInputValue] = useState('')
+
+  function showSwal() {
+    MySwal.fire({
+      title: <i>Input something</i>,
+      input: 'text',
+      inputValue,
+      didOpen: () => setSwalShown(true),
+      didClose: () => setSwalShown(false),
+      confirmButtonText: <i>Submit</i>,
+      preConfirm: () => {
+        setInputValue(Swal.getInput().value || '')
+      },
+    })
+  }
+
+  return (
+    <>
+      <button onClick={() => showSwal()}>show swal</button>
+      <div>input value: {inputValue}</div>
+    </>
+  )
+}
+
+ReactDOM.createRoot(document.getElementById('root')).render(<App />)