Materialize

To use Materialize as your UI framework, simply pass it to the configuration

import { useGrid } from 'vue-screen'

const grid = useGrid('materialize')

import VueScreen from 'vue-screen'

createApp().use(VueScreen, 'materialize')

Your grid object will contain the following properties:

{
  s: boolean,
  m: boolean,
  l: boolean,
  xl: boolean,
  breakpoint: string | null // the current breakpoint
}

WARNING

The actual values of the properties depend on the screen size.

Materialize ​