Minimal example for invisible Button.Transaction

index.tsx

import { serveStatic } from '@hono/node-server/serve-static'
import { Button, Frog, TextInput } from 'frog'

export const app = new Frog({
  // Supply a Hub API URL to enable frame verification.
  // hubApiUrl: 'https://api.hub.wevm.dev',
})

app.use('/*', serveStatic({ root: './public' }))

app.frame('/', (c) => {
  return c.res({
    image: (
      <div style={{ color: 'white', display: 'flex', fontSize: 60 }}>
        Perform a transaction
      </div>
    ),
    intents: [
      <TextInput placeholder="Value (ETH)" />,
      <Button.Transaction value="Mint">Mint</Button.Transaction>,
    ],
  })
})