Copy
.focused(props: { isFocused: boolean; setIsFocused: (value: boolean) => void })
Support
Usage
Auto-focus a text field
Copy
const body = () => {
const [text, setText] = useState("")
const [focused, setFocused] = useState(true)
return TextField({ text, setText })
.focused({ isFocused: focused, setIsFocused: setFocused })
}
Focus on button tap
Copy
const body = () => {
const [query, setQuery] = useState("")
const [isFocused, setIsFocused] = useState(false)
return VStack([
TextField({ text: query, setText: setQuery })
.focused({
isFocused: isFocused,
setIsFocused: setIsFocused
}),
Button("Search", () => setIsFocused(true))
])
}