Dropdown

Default

Example:

Config:

{
  "className": "p-0",
  "buttonLabel": "Product Overview",
  "id": "example-dropdown",
  "options": [
    {
      "label": "Product Overview",
      "value": "product-overview"
    },
    {
      "label": "Price/NAV",
      "value": "price-nav"
    },
    {
      "label": "Performance",
      "value": "performance"
    },
    {
      "label": "Recent Distributions",
      "value": "recent-distributions"
    },
    {
      "label": "Fund Literature",
      "value": "fund-literature"
    }
  ]
}

With 1st option as Label

Example:

Config:

{
  "className": "p-0",
  "buttonLabel": null,
  "id": "example-dropdown",
  "options": [
    {
      "label": "Product Overview",
      "value": "product-overview"
    },
    {
      "label": "Price/NAV",
      "value": "price-nav"
    },
    {
      "label": "Performance",
      "value": "performance"
    },
    {
      "label": "Recent Distributions",
      "value": "recent-distributions"
    },
    {
      "label": "Fund Literature",
      "value": "fund-literature"
    }
  ]
}

Download PDF dropdown

Example:

Config:

{
  "className": "download-pdf-dropdown",
  "buttonLabel": "Download Product Guide PDFs",
  "id": "download-pdf-dropdown",
  "options": [
    {
      "label": "Featured Equity, Fixed Income & Alternatives ETFs",
      "to": "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",
      "value": "featured-equity-fixed-income-alternatives-etfs"
    },
    {
      "label": "Geared (Leveraged & Inverse) ETFs",
      "to": "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",
      "value": "geared-leveraged-inverse-etfs"
    },
    {
      "label": "Crypto ETFs",
      "to": "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",
      "value": "crypto-etfs"
    }
  ]
}