Fluentui: New Component: Grid Layout

[maxali]

Suggestion: components for style layout classes

Components for Layouts like:

<GridRow>
  <GridCol sm12 md4 lg2>
    <Menu onClick={ this.updatePageInfo }/>
  </GridCol>

  <GridCol sm12 md8 lg10>
    <PageInfo />
  </GridCol>
</GridRow>

instead of:

<div className="ms-Grid-row"> 
  <div className="ms-Grid-col ms-u-sm12 ms-u-md4 ms-u-lg2">
    <Menu onClick={ this.updatePageInfo }/>
  </div>
  <div className="ms-Grid-col ms-u-sm12 ms-u-md8 ms-u-lg10">
    <PageInfo />
  </div>
</div>

Expected behavior:

I think it will save keystrokes and simple to memorize component names instead of long abbreviated class names.

Its also more readable.

Any idea about this?

[stale[bot]]

This issue has been automatically marked as stale because it has not activity for 30 days. It will be closed if no further activity occurs within 14 days of this comment. Thank you for your contributions to Fabric React!
Why am I receiving this notification?

[dzearing]

We are going to do this!

[micahgodbolt]

duplicate of #5418

[maxali]

@micahgodbolt IMO this is not a duplicate of #5418 and its proposal is different than this one.