ReactJS components for http://hugeinc.github.io/flexboxgrid-sass/

grid.tsx

import React from 'react';

export const Row: React.FC = props => {
    return <div className="row">{props.children}</div>;
};

export interface ColProps {
    size: number;
    device: 'xs' | 'sm' | 'md' | 'lg';
}

export const Col: React.FC<ColProps> = props => {
    return <div className={`col-${props.device}-${props.size}`}>{props.children}</div>;
};