@momentum-ui/react-collaboration
Version:
Cisco Momentum UI Framework for React Collaboration Applications
43 lines (42 loc) • 1.37 kB
HTML
<div class="md-alert md-alert--call">
<div class="md-alert__title">Incoming Call</div>
<div class="md-alert__caller">
<div class="md-avatar md-avatar--xlarge" title="#">
<span class="md-avatar__letter">#</span>
</div>
<div class="md-alert__caller-title">+ 1 408-555-1212</div>
<div class="md-alert__caller-subtitle"></div>
</div>
<div class="md-alert--call--buttons">
<button
class="md-button md-button--circle md-button--44 md-button--green"
alt="answer call with voice and video"
type="button"
aria-label="answer call with voice and video"
tabindex="0">
<span class="md-button__children">
<i class="icon icon-camera_24"></i>
</span>
</button>
<button
class="md-button md-button--circle md-button--44 md-button--green"
alt="answer call with voice only"
type="button"
aria-label="answer call with voice only"
tabindex="0">
<span class="md-button__children">
<i class="icon icon-handset_24"></i>
</span>
</button>
<button
class="md-button md-button--circle md-button--44 md-button--red"
alt="reject call"
type="button"
aria-label="reject call"
tabindex="0">
<span class="md-button__children">
<i class="icon icon-cancel_24"></i>
</span>
</button>
</div>
</div>