25 lines
		
	
	
		
			No EOL
		
	
	
		
			491 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			25 lines
		
	
	
		
			No EOL
		
	
	
		
			491 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <div class="more-items-header" role="alert">
 | |
|   <button class="primary" type="button" on:click="onClick(event)">
 | |
|     Click to show {{count}} more
 | |
|   </button>
 | |
| </div>
 | |
| <style>
 | |
|   .more-items-header {
 | |
|     display: flex;
 | |
|     padding: 5px;
 | |
|     align-items: center;
 | |
|     justify-content:center;
 | |
|   }
 | |
| </style>
 | |
| <script>
 | |
|   export default {
 | |
|     methods: {
 | |
|       onClick(event) {
 | |
|         let onClick = this.get('onClick')
 | |
|         if (onClick) {
 | |
|           onClick(event)
 | |
|         }
 | |
|       }
 | |
|     }
 | |
|   }
 | |
| </script> |