Skip to content

Latest commit

 

History

History
30 lines (22 loc) · 781 Bytes

readme.md

File metadata and controls

30 lines (22 loc) · 781 Bytes

bpk-component-breakpoint

Backpack breakpoint component.

Installation

npm install bpk-component-breakpoint --save-dev

Usage

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

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

Props

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