diff --git a/packages/api-generator/src/locale/en/display.json b/packages/api-generator/src/locale/en/display.json index 1fea0af17668..22b1639681f3 100644 --- a/packages/api-generator/src/locale/en/display.json +++ b/packages/api-generator/src/locale/en/display.json @@ -1,6 +1,6 @@ { "props": { - "mobile": "Explicitly designate as a mobile display configuration.", - "mobileBreakpoint": "Overrides the display configuration default." + "mobile": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint", + "mobileBreakpoint": "Overrides the display configuration default screen size that the component should be considered in mobile." } } diff --git a/packages/vuetify/src/composables/display.ts b/packages/vuetify/src/composables/display.ts index eee63db72b66..98e1416ea27b 100644 --- a/packages/vuetify/src/composables/display.ts +++ b/packages/vuetify/src/composables/display.ts @@ -216,8 +216,8 @@ export function createDisplay (options?: DisplayOptions, ssr?: SSROptions): Disp export const makeDisplayProps = propsFactory({ mobile: { - type: Boolean, - default: null, + type: Boolean as PropType, + default: false, }, mobileBreakpoint: [Number, String] as PropType, }, 'display')