@kadira/react-storybook-decorator-centered/index.js

React Storybook decorator to center components

import React from 'react';

const style = {
  position: 'fixed',
  top: 0,
  left: 0,
  bottom: 0,
  right: 0,
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'center'
};

export default function (storyFn) {
  return <div style={style}>{storyFn()}</div>;
}