This component adds space between to other components
npm install native-x-modal
import { Modal } from 'native-x-modal'
function MyComponent() {
const [visible, setVisible] = React.useState(false)
return (
<Modal visible={visible} onClose={() => setVisible(false)}>
...
</Modal>
)
}
Property |
Default Value |
Usage |
children?: string |
|
Content |
visible?: boolean |
|
Show modal |
showClose?: boolean |
|
Show close button |
width?: number |
|
Width of the modal |
onClose?: () => void |
|
On close modal |
import { ConfirmationModal } from 'native-x-modal'
function MyComponent() {
const [visible, setVisible] = React.useState(false)
return (
<ConfirmationModal
visible={visible}
onOk={onOkFn}
onCancel={onCancelFn}
okText='OK'
cancelText='Cancel'
onClose={() => setVisible(false)}>
...
</Modal>
)
}
Property |
Default Value |
Usage |
children?: string |
|
Content |
visible?: boolean |
|
Show modal |
showClose?: boolean |
|
Show close button |
width?: number |
|
Width of the modal |
onClose?: () => void |
|
On close modal |
onOk?: () => void |
|
On click on ok button |
onCancel?: () => void |
|
On click on cancel button |
okText?: string |
OK |
Label of ok button |
okButtonBackgroundColor?: string |
|
Background color of ok button |
okTextColor?: string |
|
Text color of ok button |
cancelText?: string |
Cancel |
Label of cancel button |
cancelButtonBackgroundColor?: string |
|
Background color of cancel button |
cancelTextColor?: string |
|
Text color of cancel button |
Here is an example of the release type that will be done based on a commit messages:
Commit message |
Release type |
fix: [comment] |
Patch Release |
feat: [comment] |
Minor Feature Release |
perf: [comment] |
Major Feature Release |
doc: [comment] |
No Release |
refactor: [comment] |
No Release |
chore: [comment] |
No Release |