1.0.4 • Published 5 years ago
double_slider_sign v1.0.4
Double Slider Sign
Component in React Web to create the double slider effect on your Sign in / Sign Up screen.
Getting Started
Follow these instructions to use the component.
Import
import DoubleSliderSign from 'double_slider_sign';
Example
<DoubleSliderSign>
{
{(isSignIn, isSignUp, handleSignIn, handleSignUp) => (
<React.Fragment>
<DoubleSliderSign.SignIn>
{isSignIn && <SignIn />} // Your Sign In Component
</DoubleSliderSign.SignIn>
<DoubleSliderSign.SignUp>
{isSignUp && <SignUp />} // Your Sign Up Component
</DoubleSliderSign.SignUp>
<DoubleSliderSign.Overlay>
<DoubleSliderSign.Overlay.Left>
<WelcomeToSignIn handleSignIn={handleSignIn} /> // Your Welcome Sign In Component
</DoubleSliderSign.Overlay.Left>
<DoubleSliderSign.Overlay.Right>
<WelcomeToSignUp handleSignUp={handleSignUp} /> // Your Welcome Sign Up Component
</DoubleSliderSign.Overlay.Right>
</DoubleSliderSign.Overlay>
</React.Frament>
)
}
</DoubleSliderSign>
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago
0.1.15
5 years ago
0.1.14
5 years ago
0.1.13
5 years ago
0.1.12
5 years ago
0.1.11
5 years ago
0.1.10
5 years ago
0.1.9
5 years ago
0.1.8
5 years ago
0.1.7
5 years ago
0.1.6
5 years ago
0.1.5
5 years ago
0.1.4
5 years ago
0.1.3
5 years ago
0.1.2
5 years ago
0.1.1
5 years ago
0.1.0
5 years ago