Masthead Button Element
The Masthead Button is a button located in the masthead of a page.
Default
The Masthead Button functions like the Button component but has a theme-dependent appearance.
This is the default appearance of the masthead button.
<!-- source -->
<vision-masthead-button>Button</vision-masthead-button>Variants
A button variant can be choosen by the variant attribute.
Options are: default, 1, 2, 3, 4, 5 and 6
<!-- source -->
<vision-masthead-button variant="1">Button</vision-masthead-button>
<vision-masthead-button variant="2">Button</vision-masthead-button>
<vision-masthead-button variant="3">Button</vision-masthead-button>
<vision-masthead-button variant="4">Button</vision-masthead-button>
<vision-masthead-button variant="5">Button</vision-masthead-button>
<vision-masthead-button variant="6">Button</vision-masthead-button>