forked from cybrespace/pinafore
		
	
		
			
				
	
	
		
			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> |