React-bna-modern NPM

React before and after slider

A fast, light-weight before and after image slider for React applications.

npm i react-bna-modern

Prop	Type	Default
before (Required)	string : URL or Data URI of the before image
after (Required)	string : URL or Data URI of the after image
showControls	bool : to show or hide the controls board	false
showWidth	bool : to show or hide divisor width	false
divisorBorder	bool : to show or hide the divisor border	false
imageHeight	number : The heigher of the inner image container	false
alt	string : Alternative text for image	Genereic alt text
errorImage	string : Fallback image	Genereic fallback image
onErrorBefore	function : Function to be called if the "before" image triggers an error event	library internal onError handler
onErrorAfter	function : Function to be called if the "after" image triggers an error event	library internal onError handler
onLoadedBefore	function : Function to be called once the "before" image triggers load event	library internal onLoad handler
onLoadedAfter	function : Function to be called once the "after" image triggers load event	library internal onLoad handler