UNPKG

plumes

Version:

Flying-fast Metro future vision components

github.com/CodeCorico/plumes

CodeCorico/plumes

16 lines • 838 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class=" pl-button-indicator-selector accent-borders {{selected ? 'show' : ''}} {{selected && loading ? 'loading' : ''}} "></div> <button class="pl-button-indicator {{cls}} {{showMessage ? 'opened' : ''}}" on-click="action"> <div class="pl-button-indicator-bg {{showMessage ? 'accent-bg' : ''}}"></div> <div class="pl-button-indicator-image accent-bg {{opened ? 'hide' : ''}}" style="background-image: url('{{image}}');" /> {{#notificationPicture}} <img class="pl-button-indicator-notification-picture" src="{{notificationPicture}}" /> {{/notificationPicture}} <p class="pl-button-indicator-notification-message">{{{notificationMessage}}}</p> <div class="pl-button-indicator-number accent-bg {{notificationsCount ? 'showed' : ''}}"> {{notificationsCount > 99 ? '99+' : notificationsCount}} </div> </button>