<metro-button class="mr-1" button-style="Hint" text="Hint" hint-text="Hint" color="Primary" /> <metro-button class="mr-1" button-style="Hint" text="Hint" hint-text="Hint" hint-position="Bottom" color="Secondary" /> <metro-button class="mr-1" button-style="Hint" text="Hint" hint-text="Hint" hint-position="Left" color="Success" /> <metro-button class="mr-1" button-style="Hint" text="Hint" hint-text="Hint" hint-position="Right" hint-cls="bg-cyan fg-white drop-shadow" color="Info" />