Copy
.sensoryFeedback(props: {
feedback: "impact" | "selection" | "success" | "warning" | "error"
| "light" | "medium" | "heavy" | "increase" | "decrease";
trigger: any;
}): Component
Show properties
Show properties
The type of haptic feedback to trigger:
"impact"— a single tap"selection"— a light selection tick"success"— success confirmation pattern"warning"— warning alert pattern"error"— error alert pattern"light"— light impact"medium"— medium impact"heavy"— heavy impact"increase"— value increase pattern"decrease"— value decrease pattern
The value to observe. Haptic feedback fires each time this value changes.
Support
Usage
Feedback on toggle
Copy
const body = () => {
const [isOn, setIsOn] = useState(false)
return Toggle("Notifications", { isOn, setIsOn })
.sensoryFeedback({ feedback: "selection", trigger: isOn })
}
Success feedback on completion
Copy
const body = () => {
const [completed, setCompleted] = useState(false)
return VStack([
Button("Complete", () => setCompleted(true))
]).sensoryFeedback({ feedback: "success", trigger: completed })
}
Impact feedback on tap count
Copy
const body = () => {
const [count, setCount] = useState(0)
return Button("Tap me", () => setCount(count + 1))
.sensoryFeedback({ feedback: "impact", trigger: count })
}