Component Button Dropdown

Button dropdowns control overlays for showing lists of links, which can be used to add menus to other areas of an application.

Code

Example

Props

AttrTypeDefaultDocs

button-aria-label

string

''

This property can be used to set the ARIA label associated with this input (for screen readers).

button-text

string

''

This attribute controls the text displayed inside the button.

button-type

"clear" | "default" | "outline"

'default'

This property determines the button style.

collapsed

boolean

true

This property will toggle the open state.

color

"danger" | "gray" | "nav" | "primary" | "secondary" | "white"

'gray'

This attribute controls the color of the button.

disabled

boolean

false

This property is used to set the button as disabled.

horizontal-position

"left" | "right"

'left'

This property controls the horizontal position of the overlay.

icon

string

This property determines which icon to be placed. It should be used in conjunction with iconPosition.

size

"block" | "lg" | "md" | "sm"

'md'

This attribute controls the size of the button.

vertical-position

"bottom" | "top"

'bottom'

The property controls the vertical position of the overlay.

Methods

NameReturnsDocs

close

Promise<void>

This method will close the popover.

open

Promise<void>

This method will open the popover.

Get in touch

Do you have an idea, or want to help us improve this page? Reach out to us via email.

DTMB-DG-Support@michigan.gov

Need help? Visit our Support page to learn how to get assistance, troubleshoot issues, and connect with the team.