Material Components Web VS vuetify

https://github.com/firebase/firebase-ios-sdk/issues/6115

https://github.com/material-components/material-components-w...

Two examples that come to mind but there are plenty

I highly recommend https://github.com/material-components/material-components-web

Latest stable version: v12.0.0 Github stars: 15.7K Development: active Long of active development: 8 years Active maintainers: 2 Contributors: 380 Number of commits: 6835 License: MIT Used by: 6K Github projects Git repository: https://github.com/material-components/material-components-web

Material design by Google

One other thought: have you tried vanilla JS plus a widget library such as Material Design Web? It might be good to get more comfortable with vanilla JS, using fancy widgets only where needed, and then later when you consider using a framework it will be that much easier to learn and work with.

First off, for your issue, I think it's very helpful to learn design and layout from a design system like Material.

One interesting thing to note about this example is the use of @material/mdc-auto-init which will auto initialize all your material components instead of manually having to attach to each one. That should make it easier with working with the dom.

Today I've managed to scratch-build Material Design's top app bar, in particular its behaviour of sliding up/down if the user scrolls down/up, without relying on libraries like Material Components Web or Material-UI.

👉 https://vuetifyjs.com

For what it’s worth, these are (Vue-compatible) component libraries we had looked at, besides Google’s own: https://primevue.org/uikit. https://athemes.com/collections/vue-ui-component-libraries/ https://js.devexpress.com/Documentation/Guide/Vue_Components/DevExtreme_Vue_Components/ https://www.telerik.com/kendo-vue-ui https://www.creative-tim.com/vuematerial https://vuetifyjs.com https://element-plus.org/ https://www.naiveui.com/en-US/light

Vuetify Vuetify is a popular UI library that follows the Material Design guidelines. It offers a rich set of pre-built components and features, making it easy to create modern and visually appealing UIs. Check out the Vuetify website for more information.

Didn't work I discovered is a bug: https://github.com/vuetifyjs/vuetify/issues/17586

And I just saw that an issue on GitHub was closed about this because "fixed" in the last release. https://github.com/vuetifyjs/vuetify/issues/14332

Such problem is described in this issue and in this in this discussion. Other than those I cant find nay mention of the problem,

There is no mention of the calendar in the milestones for v3.2.0.