Base64 JavaScript Playground

import { useState } from "react"
import { useBase64, encodeBase64 } from "use-base64"

export default function Example() {
  const [text, setText] = useState("Hello, world!")
  const encoded = useBase64(text, { variant: "url", padding: "strip", wrap: false })
  // or: const encoded2 = encodeBase64(text, { variant: "standard" })

  return (
    <div>
      <input value={text} onChange={e => setText(e.target.value)} />
      <pre>{encoded}</pre>
    </div>
  )
}