Skip to content

[Bug Report][4.0.3] order-* props are typed wrong #22740

@frederikheld

Description

@frederikheld

Environment

Vuetify Version: 4.0.3
Vue Version: 3.5.30
OS: Ubuntu undefined (current)

Steps to reproduce

Open reproduction link. Look at the typescript error.

Change viewport size to see that it still works at runtime.

Expected Behavior

v-col can be ordered using the order prop which expects string | number | undefined.

order has breakpoint variants, e.g. order-sm, order-md that should work the same.

Actual Behavior

The breakpoint variants are typed "end" | "start" | "center" | "auto" | "baseline" | "stretch" | undefined which looks like alignment types.

You can provide numbers to order-sm and they will work as expected at runtime but the resulting type error in dev is a bit annyoing.

Reproduction Link

https://play.vuetifyjs.com/#...

Metadata

Metadata

Assignees

Labels

C: VGridCovers issues involving VContainer, VLayout, VFlexT: bugFunctionality that does not work as intended/expectedtypescript

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions