<metro-dropdown class="mr-1">     <metro-dropdown-button>Menu toggle</metro-dropdown-button>     <metro-dropdown-menu>         <metro-dropdown-menu-item text="One" />         <metro-dropdown-menu-item text="Two" />         <metro-dropdown-menu-item text="Three" />     </metro-dropdown-menu> </metro-dropdown>   <metro-dropdown class="mr-1">     <metro-dropdown-button accent-color="Link">Menu toggle</metro-dropdown-button>     <metro-dropdown-menu>         <metro-dropdown-menu-item text="One" />         <metro-dropdown-menu-item text="Two" />         <metro-dropdown-menu-item text="Three" /> </metro-dropdown-menu> </metro-dropdown>   <metro-dropdown class="mr-1">     <metro-dropdown-button shape="Square" icon="apps" icon-type="Metro" accent-color="Alert" />     <metro-dropdown-menu background-color="MetroColor.Red">         <metro-dropdown-menu-item text="One" />         <metro-dropdown-menu-item text="Two" />         <metro-dropdown-menu-item text="Three" />     </metro-dropdown-menu> </metro-dropdown>   <metro-dropdown class="mr-1">     <metro-dropdown-button accent-color="Success" text="Drop Up" />     <metro-dropdown-menu direction="Up">         <metro-dropdown-menu-item text="One" />         <metro-dropdown-menu-item text="Two" />         <metro-dropdown-menu-item text="Three" />     </metro-dropdown-menu> </metro-dropdown>   <metro-dropdown class="mr-1">     <metro-dropdown-button accent-color="Success" text="Drop Left" />     <metro-dropdown-menu direction="Left">         <metro-dropdown-menu-item text="One" />         <metro-dropdown-menu-item text="Two" />         <metro-dropdown-menu-item text="Three" />     </metro-dropdown-menu> </metro-dropdown>   <metro-dropdown class="mr-1">     <metro-dropdown-button accent-color="Success" text="Drop Right" />     <metro-dropdown-menu direction="Right">         <metro-dropdown-menu-item text="One" />         <metro-dropdown-menu-item text="Two" />         <metro-dropdown-menu-item text="Three" />     </metro-dropdown-menu> </metro-dropdown>

<metro-dropdown split="true" class="mr-1">     <metro-dropdown-button>Menu toggle</metro-dropdown-button>     <metro-dropdown-menu>         <metro-dropdown-menu-item text="One" />         <metro-dropdown-menu-item text="Two" />         <metro-dropdown-menu-item text="Three" />     </metro-dropdown-menu> </metro-dropdown>   <metro-dropdown split="true" class="mr-1">     <metro-dropdown-button accent-color="Link">Menu toggle</metro-dropdown-button>     <metro-dropdown-menu>         <metro-dropdown-menu-item text="One" />         <metro-dropdown-menu-item text="Two" />         <metro-dropdown-menu-item text="Three" /> </metro-dropdown-menu> </metro-dropdown>   <metro-dropdown split="true" class="mr-1">     <metro-dropdown-button shape="Square" icon="apps" icon-type="Metro" accent-color="Alert" />     <metro-dropdown-menu background-color="MetroColor.Red">         <metro-dropdown-menu-item text="One" />         <metro-dropdown-menu-item text="Two" />         <metro-dropdown-menu-item text="Three" />     </metro-dropdown-menu> </metro-dropdown>   <metro-dropdown split="true" class="mr-1">     <metro-dropdown-button accent-color="Success" text="Drop Up" />     <metro-dropdown-menu direction="Up">         <metro-dropdown-menu-item text="One" />         <metro-dropdown-menu-item text="Two" />         <metro-dropdown-menu-item text="Three" />     </metro-dropdown-menu> </metro-dropdown>