<mwa-layout-grid>
A Material Components layout grid implementation using Web Components
Material design’s responsive UI is based on a 12-column grid layout. It has 12 columns on desktop, 8 columns on tablet and 4 columns on phone.
MWC Layout Grid encapsulates MDC Layout Grid.
Installation
Package Manager | Command |
---|---|
npm | npm install @maicol07/mwa-layout-grid |
yarn | yarn add @maicol07/mwa-layout-grid |
pnpm | pnpm add @maicol07/mwa-layout-grid |
NOTE: The Material Web Components are distributed as ES2017 JavaScript Modules, and use the Custom Elements API. They are compatible with all modern browsers including Chrome, Firefox, Safari, Edge, and IE11, but an additional tooling step is required to resolve bare module specifiers, as well as transpilation and polyfills for Edge and IE11. See here for detailed instructions.
API & Example Usage
If you don't see anything else below, click this button to see the API and the example usage: