Select Nav

This is the Select Nav component. A list of options that redirect on selection.

Select Program

Markup Details
                            {{ attach_library('goizueta_theme/select-nav') }}

{%
  set attributes = attributes ? attributes.addClass('sidebar-form') : ' class="sidebar-form"'
%}

<section {{ attributes|raw }}>
  {% if heading %}
    {%
      include '@components/heading/heading.twig' with {
        "heading": heading,
        "classes": "sidebar-form__title"
      }
    %}
  {% endif %}

  <div class="sidebar-form__form">
    <form class="selectable-nav program-select">
      <select class="selectable-nav__list">
        <option disabled selected value>Choose Option</option>
        {% for link in links %}
          <option value="{{link.value}}" {{link.selected}}>{{link.text}}</option>
        {% endfor %}
      </select>
    </form>
  </div>
</section>