FrameInput

Renders a fc:frame:input.

Props

text: string: The placeholder of the text input
aspectRatio: ImageAspectRatio: The aspect ratio of the input. Acceptable values are '1:1' and '1:91' (default: '1:91')

Usage

./app/page.tsx

import { FrameButton, FrameContainer, FrameImage } from "frames.js/next/server";
 
return function Home(){
    return <FrameContainer
        postUrl="/frames"
        state={state}
        previousFrame={previousFrame}
      >
        <FrameImage src="https://picsum.photos/seed/frames.js/1146/600" />
        <FrameInput text="put some text here" />
        <FrameButton action="link" target={`https://www.google.com`}>External</FrameButton>
      </FrameContainer>
}