<label>: https://i.imgur.com/7Y3qKHA.png
<button>: https://i.imgur.com/4AX069O.png
Стиль:
.btn {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 10px;
border: 1px solid;
border-radius: 2px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
cursor: pointer;
> .fa {
margin-right: 5px;
}
&:disabled {
background-color: $color-bg;
border-color: $color-bg;
color: $color-text;
cursor: not-allowed;
}
}
<div class="add">
<input id="file" type="file" ng2FileSelect [uploader]="uploader">
<label class="btn btn-primary" for="file">
<i class="fa fa-book"></i><span>Add a book</span>
</label>
</div>
<div class="controls">
<button type="button" class="btn btn-primary" (click)="uploader.uploadAll()" [disabled]="!uploader.getNotUploadedItems().length">
<i class="fa fa-cloud-upload"></i><span>Upload all</span>
</button>
</div>
