Skip to content

Button

Import

import { Button } from 'frog'

Usage

import { Button, Frog } from 'frog'
 
export const app = new Frog({ title: 'Frog Frame' })
 
app.frame('/', (c) => {
  const { buttonValue } = c
  return c.res({
    image: /* ... */,
    intents: [
      <Button value="apple">Apple</Button>,
      <Button value="banana">Banana</Button>,
      <Button value="mango">Mango</Button>
      <Button>Skip</Button>,
    ]
  })
})

Props

action (optional)

Type: string

Path of the next frame to perform a POST request.

value (optional)

Type: string

The value of the button. Casts to the buttonValue context property when clicked.