Bullets

The bullets property can be used to add bullet icons to individual lines. It is only available for text lines, using the linesInit and lineActions entries.

This example demonstrates how to change the bullet icon on each line, and stagger the change. Since there are five lines of text and the change is staggered by 0.2 seconds, it takes a total of one second to switch to each bullet icon. The value false removes the bullets.

story = {
  item: {
    text: [
      "Lorem ipsum dolor sit amet",
      "Consectetur adipiscing elit",
      "Sed do eiusmod tempor",
      "Incididunt ut labore",
      "Et dolore magna aliqua"
    ],
    linesInit: { bullets:"disc", color:"#234"},
    lineActions:[
      {
        anim:{dur:1, stagger:0.2},
        bullets:"circle"
      },
      {
        anim:{dur:1, stagger:0.2},
        bullets:false
      },
      {
        anim:{dur:1, stagger:0.2},
        bullets:"disc"
      }
    ]
  }
};