Widgets

Card

70%

Video completion rate

Video completion rate

70%

Video consumtion rate

    

        
00:56
        
Avg. video play time
    
    

        
    
    

        
70%
        
Video completion rate
    
    

        

    

Heights

To specify dimensions of the card use card-w* and card-h* classes.

Charts

Meter, gauge and filmstrip charts are supported within a card.

Animations

Use card animations to show the secondary card metric. See code snippet below for details.

70%

Video completion rate

3:25

Play time

70%

Video consumtion rate

3:25

Play time

             
    
 
        

    
    

    

    
        
        
3:25
        
Play time
    

Not available state

To render a card as n/a simply add the card-not-available class to the card.

n/a

Video completion rate

Video completion rate

n/a

Video completion rate