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:
		
							
								
								
									
										20
									
								
								README.md
									
									
									
									
									
								
							
							
						
						
									
										20
									
								
								README.md
									
									
									
									
									
								
							| @@ -108,6 +108,7 @@ And then forbits closing it for the next 5000 ms | |||||||
| ### Other | ### Other | ||||||
|  |  | ||||||
| #### Close button | #### Close button | ||||||
|  |  | ||||||
| If you want to have a Close (x) button in the top-right corner, you can use "top-right" slot for it. There is deliberately no predefined Close button style - you will have to implement/use your own button. | If you want to have a Close (x) button in the top-right corner, you can use "top-right" slot for it. There is deliberately no predefined Close button style - you will have to implement/use your own button. | ||||||
|  |  | ||||||
| Example: | Example: | ||||||
| @@ -121,12 +122,29 @@ Example: | |||||||
|       </button> |       </button> | ||||||
|     </div>  |     </div>  | ||||||
|     |     | ||||||
|     Hello, world! |     Hello, ☀️! | ||||||
|   |   | ||||||
|   </modal> |   </modal> | ||||||
| </template> | </template> | ||||||
| ``` | ``` | ||||||
|  |  | ||||||
|  |  | ||||||
|  | #### Draggable handler | ||||||
|  |  | ||||||
|  | Draggable property can accept not only `Boolean` but also `String` paramenters. With `String` value, you can specify a CSS selector to the element which will be a "handler" for dragging.  | ||||||
|  |  | ||||||
|  | Example: | ||||||
|  |  | ||||||
|  | ``` | ||||||
|  | <modal name="bar" draggable=".window-header"> | ||||||
|  |   <div class="window-header">DRAG ME HERE</div> | ||||||
|  |   <div> | ||||||
|  |      Hello, 🌎! | ||||||
|  |   </div> | ||||||
|  | </modal> | ||||||
|  | ``` | ||||||
|  |  | ||||||
|  |  | ||||||
| ### Developers | ### Developers | ||||||
|  |  | ||||||
| To run an example: | To run an example: | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user