Triangle Points List

  • Point 1
  • Point 2
  • Point 3

The triangle points list component creates a triangle-shaped easily creates red triangle markers

Basic Usage

Add a standard <ul> element along with some <li>'s, as you would for a normal unordered list, as direct children of the component:

html
<ap-triangle-points-list>
    <ul>
        <li>Point 1</li>
        <li>Point 2</li>
        <li>Point 3</li>
    </ul>
</ap-triangle-points-list>

Best Practices

  • Keep content concise
  • Ensure similar content lengths between items

Important Notes

This element will add a <div class="content"> wrapper around the child nodes of the <li> for the purpose of creating the style it uses. I haven't run into any issues regarding hydration, but it's something to beware of if you're manipulating the "light" DOM of this element.