Add a MenuLabel component, for label/menubar-like drop-down menu handles.

Review Request #13884 — Created May 21, 2024 and submitted — Latest diff uploaded

Information

Ink
master

Reviewers

MenuLabel provides a simple label with an optional icon and a
drop-down handle. Hovering over it will display a drop-down menu.

This works very much like MenuButton, but without all the button state
options or visual appearance of a button. It's intended for simple
drop-down controls in a toolbar and for usage in menubars.

Unit tests passed.

Tested in Storybook, and in usage within Review Board.

Diff Revision 2 (Latest)

orig
1
2

Commits

First Last Summary ID Author
Add a MenuLabel component, for label/menubar-like drop-down menu handles.
`MenuLabel` provides a simple label with an optional icon and a drop-down handle. Hovering over it will display a drop-down menu. This works very much like `MenuButton`, but without all the button state options or visual appearance of a button. It's intended for simple drop-down controls in a toolbar and for usage in menubars.
ef92a64a765d0da78d4deddb65f818d5d4391f02 Christian Hammond
src/ink/js/components/views/index.ts
src/ink/js/components/views/menuLabelView.ts
src/ink/js/components/views/tests/menuLabelViewTests.ts
src/ink/less/components/index.less
src/ink/less/components/menu-label.component.less
src/ink/less/components/schemas/index.less
src/ink/less/components/schemas/menu-label.schema.less
src/ink/less/themes/default/components/index.less
src/ink/less/themes/default/components/menu-label.theme.less
src/stories/components/menuLabel.stories.ts
Loading...