mirror of
				https://github.com/KevinMidboe/vue-js-modal.git
				synced 2025-10-29 18:00:20 +00:00 
			
		
		
		
	Update README.md
This commit is contained in:
		
							
								
								
									
										33
									
								
								README.md
									
									
									
									
									
								
							
							
						
						
									
										33
									
								
								README.md
									
									
									
									
									
								
							| @@ -79,6 +79,39 @@ methods: { | ||||
| } | ||||
| ``` | ||||
|  | ||||
| ### Dialog | ||||
|  | ||||
| In version `1.2.8`, the `<Dialog/>` componnent was added. | ||||
|  | ||||
| It is a simplified version of the modal, which has most parameters set by default and is pretty useful for quick prototyping, showing alerts or creating mobile-like modals. | ||||
|  | ||||
| To start using `<Dialog/>` you will have set a configuration: | ||||
|  | ||||
| ``` | ||||
| Vue.use(VModal, { dialog: true }) | ||||
| ``` | ||||
|  | ||||
| And include it in your project: | ||||
|  | ||||
| ``` | ||||
| <dialog/> | ||||
| ``` | ||||
|  | ||||
| Call it (all params except of “text” are optional): | ||||
|  | ||||
| ``` | ||||
| this.$modal.show('dialog', { | ||||
|   title: 'Alert!', | ||||
|   text: 'You are too awesome', | ||||
|   buttons: [ | ||||
|     { title: 'Deal with it', handler: () => { alert('Woot!') }, | ||||
|     { title: 'Close' } | ||||
|  ] | ||||
| }) | ||||
| ``` | ||||
|  | ||||
| For more examples please take a look at [vue-js-modal.yev.io](http://vue-js-modal.yev.io). | ||||
|  | ||||
| ### SSR | ||||
|  | ||||
| Include plugin in your `nuxt.config.js` file: | ||||
|   | ||||
		Reference in New Issue
	
	Block a user