1.1.3 • Published 4 years ago
use-material-ui-dialog v1.1.3
use-material-ui-dialog
React hook for Material-UI dialog.
Installation
yarn add use-material-ui-dialog
Usage
Wrap your app inside the DialogProvider component.
import React from 'react'
import { DialogProvider } from 'use-material-ui-dialog'
const App = () => {
return (
<DialogProvider>
{/* ... */}
</DialogProvider>
)
}
export default App
Call the useDialog
hook in the components.
import React from 'react'
import { Button } from '@material-ui/core'
import { useDialog } from 'use-material-ui-dialog'
export const MyComponent: React.FunctionComponent = () => {
const dialog = useDialog()
const handleClick = () => {
dialog.openAlert({
title: 'ALERT',
message: 'this is alert',
color: 'secondary'
})
}
return (
<Button onClick={handleClick}>
Click Me
</Button>
)
}
Use the DialogContext.Provider
object in the components.
import React from 'react'
import { AppProps } from 'next/app'
import { DialogProvider } from 'use-material-ui-dialog'
export default class Welcome extends React.Component {
constructor(props: AppProps) {
super(props)
this.context = null
}
componentDidMount() {
this.context.openMessage({
title: 'ALERT',
message: 'this is alert'
})
}
render() {
return (
<DialogProvider
context={(context) => this.context = context}
>
</DialogProvider>
)
}
}
1.1.3
4 years ago
1.1.3-beta14
4 years ago
1.1.3-beta13
4 years ago
1.1.3-beta12
4 years ago
1.1.3-beta11
4 years ago
1.1.3-beta9
4 years ago
1.1.3-beta10
4 years ago
1.1.3-beta8
4 years ago
1.1.3-beta7
4 years ago
1.1.3-beta6
4 years ago
1.1.3-beta5
4 years ago
1.1.3-beta4
4 years ago
1.1.3-beta3
4 years ago
1.1.3-beta2
4 years ago
1.1.3-beta1
4 years ago
1.1.2
4 years ago
1.1.2-beta1
4 years ago
1.1.1
4 years ago
1.1.0
4 years ago
1.1.0-beta4
4 years ago
1.1.0-beta3
4 years ago
1.1.0-beta2
4 years ago
1.1.0-beta1
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago
1.0.0-alpha4
4 years ago
1.0.0-alpha5
4 years ago
1.0.0-alpha6
4 years ago
1.0.0-alpha7
4 years ago
1.0.0-alpha8
4 years ago
1.0.0-alpha3
4 years ago
1.0.0-alpha2
4 years ago
1.0.0-alpha1
4 years ago