@acrool/react-dialog
v1.1.4TypeScript
Dialog library based for Reactjs
0/weekUpdated 2 months agoMITUnpacked: 211.0 KB
Published by imagine10255
npm install @acrool/react-dialogAcrool React Dialog
This is a dialog message function for React development dialog
^1.1.0 support react >=18.0.0 <20.0.0
Features
- Supports 5 status colors: default, success, info, warning, danger
- Call via global method
- Plug and unplug using @acrool/react-portal and framer-motion
Install
``bash`
yarn add framer-motion @acrool/react-dialog
Usage
add in your index.tsx
`tst`
import "@acrool/react-dialog/dist/index.css";
add in your App.tsx
`tsx
import {DialogPortal} from "@acrool/react-dialog";
const App = () => {
return (
'en-US': {
'com.dialog.success': 'Success',
'com.dialog.error': 'Danger',
'com.dialog.info': 'Info',
'com.dialog.warning': 'Warning',
'com.dialog.confirm': 'Confirm',
'com.dialog.ok': 'OK',
'com.dialog.cancel': 'Cancel',
}
}}
locale="en-US"
isVisibleStatusIcon
renderButton={args => createElement(Button, args, args.children)}
renderTextField={args => createElement(TextField, args, null)}
/>
);
};
`
then in your page
tsx
import {EStatus, toast} from '@acrool/react-dialog';const Example = () => {
return (
);
};
``- dialog
- dialog.success
- dialog.info
- dialog.warning
- dialog.error
- dialog.confirm
There is also a example that you can play with it:
