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.
Example
Props
Attr | Type | Default | Docs |
---|---|---|---|
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
Name | Returns | Docs |
---|---|---|
close |
| This method will close the popover. |
open |
| This method will open the popover. |
Do you have an idea, or want to help us improve this page? Reach out to us via email.
DTMB-DG-Support@michigan.govNeed help? Visit our Support page to learn how to get assistance, troubleshoot issues, and connect with the team.