###Breakpoints

For optimal user experience, material design interfaces need to be able to adapt their layout at various breakpoints. Breakpoints return a media query string.

Design & API Documentation

Patterns library

Installation

npm install @bnnvara/breakpoints --save

Basic Usage

import breakpoints from '@bnnvara/metablocks';

Fixed screen widths

  xs: 480px or larger;
  md: 768px or larger;
  lg: 1024px or larger;
  xl: 1440px or larger;