bpk-component-breakpoint

bpk-component-breakpoint

Backpack breakpoint component.

Installation

npm install bpk-component-breakpoint --save

Usage

import React from 'react';
import BpkBreakpoint, { BREAKPOINTS } from 'bpk-component-breakpoint';

export default () => (
  <BpkBreakpoint query={BREAKPOINTS.MOBILE}>
    {isActive => (isActive ? 'Mobile viewport is active' : 'Mobile viewport is inactive')}
  </BpkBreakpoint>
);

Props

Property	PropType	Required	Default Value
children	node	true	-
query	oneOf(BREAKPOINTS)	true	-
legacy	bool	false	false