Angular Dropdowns

Left-aligned (default)

Option 1 Option 2 Option 3 Option 4
<mui-dropdown color="primary" label="dropdown">
  <mui-dropdown-item link="#/link1">Option 1</mui-dropdown-item>
  <mui-dropdown-item>Option 2</mui-dropdown-item>
  <mui-dropdown-item>Option 3</mui-dropdown-item>
  <mui-dropdown-item>Option 4</mui-dropdown-item>
</mui-dropdown>
View in new tab »

Right-aligned

Option 1 Option 2 Option 3 Option 4
<mui-dropdown color="primary" label="dropdown" right-align>
  <mui-dropdown-item link="#/link1">Option 1</mui-dropdown-item>
  <mui-dropdown-item>Option 2</mui-dropdown-item>
  <mui-dropdown-item>Option 3</mui-dropdown-item>
  <mui-dropdown-item>Option 4</mui-dropdown-item>
</mui-dropdown>
View in new tab »
« Previous Next »