Plate
a grid element with 1 to 4 columns via slots
To use this web component in your project you can utilize one of the following styles of syntax.
/* In an existing module / web component */
import '@haxtheweb/grid-plate/grid-plate.js';
<script type="module">
import '@haxtheweb/grid-plate/grid-plate.js';
</script>Run npm start will start a local development server, open your default browser to display it, open your finder to the correct window and start watching the /src directory for changes and automatically rebuilding the element and documentation site for the demo.
$ npm start- Fork it!
git clone git@github.com/haxtheweb/webcomponents.git - Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -m 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request :D
Plate use Prettier to auto-format JS and JSON. The style rules get applied when you commit a change. If you choose to, you can integrate your editor with Prettier to have the style rules applied on every save.