preact-material-components/docs/src/routes/layout-grid/sample.txt

preact wrapper for "Material Components for the web"

import {h, Component} from 'preact';
import LayoutGrid from 'preact-material-components/LayoutGrid';
import 'preact-material-components/LayoutGrid/style.css';

export default class LayoutGridPage extends Component {
  render(){
    return (
      <div>
        <LayoutGrid>
          <LayoutGrid.Inner>
            <LayoutGrid.Cell cols="6">First cell</LayoutGrid.Cell>
            <LayoutGrid.Cell cols="4">Second cell</LayoutGrid.Cell>
            <LayoutGrid.Cell cols="2">Third cell</LayoutGrid.Cell>
          </LayoutGrid.Inner>
        </LayoutGrid>
      </div>
    );
  }
}