Masthead Button

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.

<MastheadButton>Masthead Button</MastheadButton>

States

Button states represent the button's appearance and behavior in response to user interactions and system conditions.

Element states

default
hover
active
keyboard focus
disabled

Variants

In a multibrand environment, adopting "variant" in place of "intent" offers a more neutral and adaptable approach to characterizing various component versions, free from associations specific to each brand's identity or design.

default
1
2
3
4
5
6

Use the variant attribute to choose the variant.

variant="2"
<!-- source -->
<MastheadButton variant="2">Masthead Button</MastheadButton>