Desktop design

Mobile design

Results summary component

<div class="summary-description summary-description-red">
          <div class="logo">
            <ion-icon name="flash" class="icon md hydrated" role="img" aria-label="flash"></ion-icon> Reaction
          </div>
          <div class="percentage"><span>80</span> / 100</div>
        </div>

<div class="summary-description summary-description-yellow">
          <div class="logo">
            <ion-icon name="cloud" class="icon md hydrated" role="img" aria-label="cloud"></ion-icon> Memory
          </div>
          <div class="percentage"><span>92</span> / 100</div>
        </div>

<div class="summary-description summary-description-green">
          <div class="logo">
            <ion-icon name="text" class="icon md hydrated" role="img" aria-label="text"></ion-icon> Verbal
          </div>
          <div class="percentage"><span>61</span> / 100</div>
        </div>

<div class="summary-description summary-description-blue">
          <div class="logo">
            <ion-icon name="eye" class="icon md hydrated" role="img" aria-label="eye"></ion-icon> Visual
          </div>
          <div class="percentage"><span>72</span> / 100</div>
        </div>

Please log in to post a comment

Community feedback

results summary component

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community