FrameContainer
Renders a fc:frame:container.
Props
postUrl: stringAn absolute or relative url of the route that will handle thePOSTrequeststate: Statethe state returned fromuseFramesReducerpreviousFrame?: PreviousFramethe previous frame from the return ofgetPreviousFramepathname?: stringthe path of the page that the frame is being rendered on (default: '/')
A FrameContainer must:
- have a
<FrameImage/>child - have at least one
<FrameButton/>child - can't have other react elements as children (except null)
- have at most four
<FrameButton/>children.
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" />
</FrameContainer>
}