1.0.0-dev-102 • Published 1 year ago
react-haptic-button v1.0.0-dev-102
react-haptic-button
A React Button with Life (Haptic Feedback)
Enhance your User Experience with Haptic Feedback when you click the Button.*
*Currently available only on Android Devices. IOS is not supported. Check Browser Compatibility for more.
Features
- Provides Haptic Feedback on supported devices
- Backwards compatible on unsupported devices
- Fully Customisable, Extend/Build to Suit
- Support Styles
- Support Classname
Installation
yarn add react-haptic-button
Usage
import HapticButton from 'react-haptic-button';
<HapticButton
isHapticFeedbackEnabled={true}
hapticFeedbackDuration={100}
className="my-button-class"
onClick={(e) => {/* Your Click Handler */}}
type={'button'}
style={{
padding: '8px'
}}
>
Confirm
</HapticButton>
Props
props | type | default value | description |
---|---|---|---|
isHapticFeedbackEnabled | boolean | true | Enables/Disables the Haptic Feedback (Optional) |
hapticFeedbackDuration | number | 10 | Haptic Feedback Duration in ms (Optional) |
All the other props passed to HapticButton are applied to the <button>
internally.
Browser Compatibility
Haptic Feedback is available on Android Devices.
1.0.0-dev-102
1 year ago
1.0.0-dev-94
1 year ago
1.0.0-dev-98
1 year ago
1.0.0-dev-90
2 years ago
1.0.0-dev-86
2 years ago
1.0.0-dev-82
2 years ago
1.0.0-dev-78
3 years ago
1.0.0-dev-74
3 years ago
1.0.0-dev-66
3 years ago
1.0.0-dev-70
3 years ago
1.0.0-dev-58
3 years ago
1.0.0-dev-62
3 years ago
1.0.0-dev-54
3 years ago
1.0.0-dev-50
4 years ago
1.0.0
4 years ago
1.0.0-dev-41
4 years ago
1.0.0-dev-37
4 years ago
0.0.1-dev-33
4 years ago
0.0.1-dev-29
4 years ago
0.0.1-dev-25
4 years ago
0.0.1-dev-22
4 years ago
0.0.1-dev-17
4 years ago
0.0.1-dev-13
4 years ago
0.0.1-dev-9
4 years ago
0.0.1-dev-5
4 years ago