Breakpoints

Reconfigures instance and its options based on currently matched @media breakpoint

Usage type: optional

This module can be imported using Breakpoints keyword.

import Glide, { Breakpoints } from '@glidejs/glide/dist/glide.modular.esm'

new Glide('.glide').mount({ Breakpoints })

Methods

match(breakpoints)

  • Arguments:

    • {Object} breakpoints
  • Usage: Matches currently active @media breakpoint from the passed collection and returns configured settings object for that size

// Return `{ perView: 1 }` with assumptions
// that width of the window is <=600px.
Breakpoints.match({
  600: { perView: 1 },
  1200: { perView: 3 }
})