vue-not-visible
Vue directive for conditional rendering (like v-if) element on screen smaller than breakpoints;
📺 Demo
Install
$ npm install --save vue-not-visible
$ yarn add vue-not-visible
Use default
/* const BREAKPOINTS = { mobile: 425, tablet: 768, tablet_landscape: 1024, desktop: 1200, desktop_large: 1440, hd: 1920,}*/Vue // this is default
{{ message }} {{ count }} Not visible on table(screen < 768) Not visible on mobile(screen < 425)
Use custom breakpoints
Vue // this is custom
{{ message }} {{ count }} Not visible on ipad(screen < 1280)