Fragment Slides

GitPitch supports the creation of Fragments within slides. Fragments are used to reveal individual elements on a slide in a sequential order rather than revealing all elements on the slide at once. The slideshow presentation will only move to the next slide when all fragments on the current slide have been revealed.

In the following example, when the slide first appears it will display only the Java item in the list. Each time the user tries to move ahead in the slideshow another item in the list will be revealed. Finally when the Scala item is revealed, any further attempts by the user to move ahead in the slideshow will result in the slideshow moving on to the next slide:

- Java
- JavaScript <!-- .element: class="fragment" -->
- Kotlin     <!-- .element: class="fragment" -->
- Go         <!-- .element: class="fragment" -->
- Scala      <!-- .element: class="fragment" -->

Fragments can also be used in conjunction with the HTML Slides feature. For example, the following snippet demonstrates how to reveal table data one row at a time:

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr class="fragment">
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr class="fragment">
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

Note the class fragment has been added on each <tr> element to enable this feature in HTML.