npm npm NPM Snyk Vulnerabilities for npm package Libraries.io dependency status for latest release
npm i react-mui-auth-page
import { DialogAuth } from "react-mui-auth-page";
import React from "react"; import { DialogAuth } from "react-mui-auth-page"; const MyDialogAuthComponent = () => { const handleSignIn = ({ email, password }) => { console.log({ email, password }); }; const handleSignUp = async ({ email, name, password }) => { await doSomethingAsyn(); }; const handleForget = ({ email }) => { console.log({ email }); }; const handleSocial = { Google: () => {}, Github: () => {}, }; return ( <DialogAuth open={true} textFieldVariant="outlined" onClose={handleClose} handleSignUp={handleSignUp} handleForget={handleForget} handleSignIn={handleSignIn} handleSocial={handleSocial} /> ); }; export default MyDialogAuthComponent;
| Prop Name | Type | Required | Default Value |
|---|---|---|---|
| hideTabs | Boolean | Yes | False |
| textFieldVariant | "outlined" or "filled" or "standard" | No | filled |
| open | Boolean | Yes | |
| onClose | Function | Yes | |
| logoName | string | ||
| logoComponent | React Children | ||
| handleSignUp | Function | Yes | |
| handleForget | Function | Yes | |
| handleSignIn | Function | Yes | |
| emailValidator | Function | ||
| passwordValidator | Function | ||
| handleSocial | Social Object |
| Prop Name | Type |
|---|---|
| Function | |
| Function | |
| Github | Function |
| Function | |
| Function |
npm install
npm run dev
With Tabs
WithOut Tabs
- Pull requests are welcome!
- Submit github issues for any feature enhancements, bugs or documentation problems