Navigational Dropdown

This component simply creates a dropdown that acts as an alternative to text link navigation. It is expected that the action you pass it can handle the redirection as this is not done with JS anymore for accessibility reasons.

A working example of this can be seen in the "International" dropdown used in the footer across all our applications.

= ui_component('navigation/dropdown', properties: {as_below} )
{
  action: "/redirector",
  dropdown: {
    id: "url",
    name: "url",
    options: [
      {
        title: "Foo",
        value: "/foo"
      },
      {
        title: "Bar",
        value: "/bar"
      },
      {
        title: "Baz",
        value: "/baz"
      }
    ],
    placeholder: "Select one",
    data: {
      form_submit: "true"
    }
  }
}