Comments (4)
cc @SkyeSeitz @ashetland - there is a good bit of overlap here with the existing Menu functionality - we've talked about adding scale and making UI improvements to that component - that work might benefit from some of the above proposed UI.
from calcite-design-system.
We also were considering Calcite Menu component at some point. However, in our case, we have distinct reasons for differentiating the menus from the Navigation header and floating context menus.
One crucial factor is the size, scale, box shadow (styling) of the list, which could be long and result in a significantly increased height of the dropdown overlay. This could lead to the need for scrolling or partial cut of the list within the 3D scene "viewport".
Additionally, the look and feel of menus and its submenus may not match our floating bar, which has a box-shadow effect.
So, in our case, the Dropdown component visually aligns with the styling we desire, and we would use it extensively, especially when it includes submenus. 😊
But in case, the Menu component will have scales, and look and feel which is close to Dropdown (rounded corners, box-shadow, etc.), this would be a very good alternative for us 😊
from calcite-design-system.
Definitely understand! I think the mentioned UI improvements would actually bring Menu more in-line with what you'd expect from Dropdown (while also having scale) - if we can improve that component it might be a clearer story.
Re: priority - there are two listed - Can you clarify if it is p1 or p3 from your side? p1 is unlikely for an issue of this scope + design work.
from calcite-design-system.
@macandcheese Thanks a lot for the clarification 👍
For our team this is p1 priority 😊 We would like to use such a component in the upcoming release.
from calcite-design-system.
Related Issues (20)
- [Panel] No line height defined for `heading` or `description`
- more dynamic calcite-combobox with ability to show suggestion/autocomplete list HOT 3
- Replace inconsistent shadow styles with shadow.2 for existing components
- TokenTransformer script - convert px to REMs in CSS
- Update calcite-preset to use calcite-design-tokens for spacing, sizing, font-size, and line-height
- [Card] Deprecate the `thumbnail` slot in favor of a content slot (name tbd) HOT 1
- input, input-number and input-text should not set slotted actions to be disabled.
- [Date Picker / Input Date Picker] Shift focus from the input to the picker upon open HOT 1
- [Shell Panel] Update `resizable` property description
- CSS Styling Best Practice Unclear HOT 1
- Block-section - add "disabled" property
- bug(calcite-button): renders incorrectly if an HTML comment is "slotted in" HOT 2
- [Dialog] Add `escapeDisabled` prop HOT 3
- [input, combobox, input-date-picker, input-number, input-text, input-time-picker, radio-button-group, segmented-control, select, text-area]: Simplify AT error messaging ids
- Refactor JSDoc `@see` references
- [block]: Remove E2E test when styles use reflected props
- [Dialog] Add a css property for controlling background color HOT 1
- [Dialog] Add property to show loading text while loading
- [Dialog] Some slotted content appears below or overlaps the header/footer
- Alert: refactor queue timeout to get timeout value from the CSS var `--calcite-internal-animation-timing-slow`
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from calcite-design-system.