How to use the @vx/responsive.withScreenSize function in @vx/responsive
To help you get started, we’ve selected a few @vx/responsive examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
williaster / data-ui / packages / demo / examples / 06-event-flow / index.jsx View on Github 
import React from 'react';
import { withScreenSize } from '@vx/responsive';
import { App } from '@data-ui/event-flow';
import sampleEvents from '@data-ui/event-flow/build/sampleEvents';
// forms require this import
import '@data-ui/forms/build/react-select.min.css';
import readme from '../../node_modules/@data-ui/event-flow/README.md';
const ResponsiveVis = withScreenSize(({ screenWidth, screenHeight, ...rest }) => (
));
export default {
usage: readme,
// one example per dataset
examples: Object.keys(sampleEvents).map(name => {
const dataset = sampleEvents[name];
return {
description: name,
example: () => ,
};
}),
};
