defaultActive Property

Defines the initial active state when the <HamburgerMenuButton> is first loaded.

The possible values are:

  • undefined
  • true
  • false

onActiveChange Property

Executes a JavaScript's callback function when the active state changed.

Variant Properties

The alternative appearances of the <HamburgerMenuButton> layout without changing the <HamburgerMenuButton>'s functionality.

buttonStyle Property

Sets the alternative appearances of the <HamburgerMenuButton>.

The possible values are:

  • undefined
  • 'regular'
  • 'link'
  • 'ghost'

Here the preview:

Preview

Show code

size Property

Defines the alternative size of the <HamburgerMenuButton>.

The possible values are:

  • undefined
  • 'sm'
  • 'md'
  • 'lg'

Here the preview:

Preview

Show code

theme Property

Defines the contextual theme of the <HamburgerMenuButton>.

The possible values are:

  • undefined
  • 'primary'
  • 'secondary'
  • 'success'
  • 'info'
  • 'warning'
  • 'danger'
  • 'light'
  • 'dark'

Here the preview:

Preview

Show code

gradient Property

Activates a 3D mode of the <HamburgerMenuButton>.

The possible values are:

  • undefined
  • 'inherit'
  • true
  • false

Here the preview:

Preview

Show code

mild Property

Activates a mild mode (mild background, contrast foreground, and contrast border) of the <HamburgerMenuButton>.

The possible values are:

  • undefined
  • 'inherit'
  • true
  • false

Here the preview:

Preview

Show code

nude Property

Activates an nude mode (background-less, padding-less, and border-less) of the <HamburgerMenuButton>.

The possible values are:

  • undefined
  • true
  • false

Here the preview:

Preview

Show code

State Properties

The conditions of the <HamburgerMenuButton> behavior or functionality.

enabled Property

Defines the enabled/disabled state of the <HamburgerMenuButton>.

The possible values are:

  • undefined
  • true
  • false

Here the preview:

Preview

Show code

inheritEnabled Property

Influences the <HamburgerMenuButton>'s disabled state by <ancestor enabled={false}>.

The possible values are:

  • undefined
  • true
  • false

Here the preview:

Preview

Show code

active Property

Defines the current active state of the <HamburgerMenuButton>.

The possible values are:

  • undefined
  • true
  • false

Here the preview:

Preview

Show code

inheritActive Property

Influences the <HamburgerMenuButton>'s active state by <ancestor active={true}>.

The possible values are:

  • undefined
  • true
  • false

Here the preview:

Preview

Show code

Component Properties

Overwrites the internal (sub) components used as the composition of <HamburgerMenuButton> component.

buttonComponent Property

Overwrites the internal <Button> component used as the composition of <HamburgerMenuButton> component.

<HamburgerMenuButton buttonComponent={
    <MyCustomButton />
} />