Reactive Graph - Design System

Unordered List: Arrow Big Right 

<ul class="rg-list arrow-big-right celestial-blue">
    <li>Line 1</li>
    <li>Line 2</li>
    <li>Line 3</li>
    <li>Line 4</li>
    <li>Line 5</li>
    <li>Line 6
        <ul class="rg-list arrow-big-right celestial-blue">
            <li>Line 1</li>
            <li>Line 2</li>
            <li>Line 3</li>
            <li>Line 4</li>
            <li>Line 5</li>
        </ul>
    </li>
    <li>Line 7</li>
</ul>
 
<ul class="rg-list {{#if modifier}}{{modifier}}{{/if}} {{#if color}}{{color}}{{/if}}">
  <li>Line 1</li>
  <li>Line 2</li>
  <li>Line 3</li>
  <li>Line 4</li>
  <li>Line 5</li>
  <li>Line 6
    <ul class="rg-list {{#if modifier}}{{modifier}}{{/if}} {{#if color}}{{color}}{{/if}}">
      <li>Line 1</li>
      <li>Line 2</li>
      <li>Line 3</li>
      <li>Line 4</li>
      <li>Line 5</li>
    </ul>
  </li>
  <li>Line 7</li>
</ul>
 
{
  "modifier": "arrow-big-right",
  "color": "celestial-blue"
}
  • Handle: @unordered_list--arrow-big-right
  • Preview:
  • Filesystem Path: components/01-atoms/lists/unordered_list.hbs

No notes defined.