Add a Menu Button component.

Review Request #13644 — Created March 18, 2024 and submitted — Latest diff uploaded

Information

Ink
master

Reviewers

The Menu Button is a button that displays a drop-down menu on hover,
click, or keyboard interaction. This can be used to select an action or
change settings for a piece of UI.

Menu Buttons can have a distinct Action Button, which will invoke an
action but will not show the drop-down menu. In this situation, the menu
is generally used for configuration or alternate (but related) actions.

Tested the component thoroughly in Storybook.

Unit tests pass.

Diff Revision 2 (Latest)

orig
1
2

Commits

First Last Summary ID Author
Add a Menu Button component.
The Menu Button is a button that displays a drop-down menu on hover, click, or keyboard interaction. This can be used to select an action or change settings for a piece of UI. Menu Buttons can have a distinct Action Button, which will invoke an action but will not show the drop-down menu. In this situation, the menu is generally used for configuration or alternate (but related) actions.
744744e9eea07d747dd3ceeaf473dc66eb606ca4 Christian Hammond
src/ink/js/components/views/index.ts
src/ink/js/components/views/menuButtonView.ts
src/ink/js/components/views/menuView.ts
src/ink/js/components/views/tests/menuButtonViewTests.ts
src/ink/less/components/index.less
src/ink/less/components/menu-button.component.less
src/ink/less/components/schemas/index.less
src/ink/less/components/schemas/menu-button.schema.less
src/ink/less/themes/default/components/index.less
src/ink/less/themes/default/components/menu-button.theme.less
src/stories/components/menuButton.stories.ts
Loading...