GPT

App Router Features

'use client' export function InteractiveButton({ onClick }: { onClick: () = void }) { const [isLoading, setLoading] = useState(false) return ( <button onClick={async () = { setLoading(true) await onClick() set

Prompt text

Original English text. Replace placeholders with your own details.

'use client'

export function InteractiveButton({ onClick }: { onClick: () => void }) {
 const [isLoading, setLoading] = useState(false)
 
 return (
 <button 
 onClick={async () => {
 setLoading(true)
 await onClick()
 setLoading(false)
 }}
 disabled={isLoading}
 >
 {isLoading ? 'Loading...' : 'Click me'}
 </button>
 )
}

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →