Add a MenuLabel component, for label/menubar-like drop-down menu handles.
Review Request #13884 — Created May 21, 2024 and submitted — Latest diff uploaded
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
Files
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 |
---|