Security News
The Dark Side of Open Source
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
rmc-dialog
Advanced tools
Readme
react dialog component for mobile
var Dialog = require('rmc-dialog');
ReactDOM.render(
<Dialog title={title} onClose={callback1} visible>
<p>first dialog</p>
</Dialog>
), document.getElementById('t1'));
// use dialog
name | description | type | default |
---|---|---|---|
prefixCls | The dialog dom node's prefixCls | String | rmc-dialog |
className | additional className for dialog | String | |
wrapClassName | additional className for dialog wrap | String | |
style | Root style for dialog element.Such as width, height | Object | {} |
zIndex | z-index | Number | |
bodyStyle | body style for dialog body element.Such as height | Object | {} |
maskStyle | style for mask element. | Object | {} |
visible | current dialog's visible status | Boolean | false |
animation | part of dialog animation css class name | String | |
maskAnimation | part of dialog's mask animation css class name | String | |
transitionName | dialog animation css class name | String | |
maskTransitionName | mask animation css class name | String | |
title | Title of the dialog | String | React.Element |
footer | footer of the dialog | React.Element | |
closable | whether show close button | Boolean | true |
mask | whether show mask | Boolean | true |
maskClosable | whether click mask to close | Boolean | true |
onClose | called when click close button or mask | function |
name | description | type | default |
---|---|---|---|
wrapStyle | style for modal wrap | Object | {} |
maskStyle | style for modal mask | Object | {} |
style | style for modal | Object | {} |
animationType | animation type for modal content, can be one of `none | fade | slide-up |
animationDuration | animation duration | number | 300 |
visible | visible state | boolean | false |
animateAppear | whether animation on first show | boolean | false |
onClose | called when close | Function | ()=>void |
onAnimationEnd | called when animation end | Function | (visible:boolean)=>void (animationType !== 'none') |
npm install
npm start
http://localhost:8007/examples/
online example: http://react-component.github.io/m-dialog/
npm run rn-init
npm run watch-tsc
react-native start
react-native run-ios
npm test
npm run chrome-test
npm run coverage
open coverage/ dir
rmc-dialog is released under the MIT license.
FAQs
mobile dialog ui component for react
The npm package rmc-dialog receives a total of 18,894 weekly downloads. As such, rmc-dialog popularity was classified as popular.
We found that rmc-dialog demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
Research
Security News
The Socket Research team found this npm package includes code for collecting sensitive developer information, including your operating system username, Git username, and Git email.
Security News
OpenJS is warning of social engineering takeovers targeting open source projects after receiving a credible attempt on the foundation.