Add components for Flexgrid - Githubissues

Oli8 / spaper

PaperCSS components for Svelte

https://oli8.github.io/spaper/

MIT License

199 stars 9 forks source link

Add components for Flexgrid #76

Closed droege closed 10 months ago

droege commented 11 months ago

I thought it might be nice to have <Row> and <Col> components for using the grid organically in Svelte.

I took the liberty of making a proposal here.

The two components allow you to rewrite the flexgrid demo page like this.
Additional props are passed down, including classes
<Row> has these boolean props which translate to the respective "flex-xxx" classes: right, center, edges, spaces, top, middle, bottom
<Col> has similar boolean props (fill, top, middle, bottom), and additionally accepts props on how wide the column should be (col, or sm, md, lg). These can be given as strings (col="4") or numbers (col={3}).

The implementation is inspired by carbon-components-svelte.

This is my first attempt at a contribution to a project on Github, so I'm happy to get feedback or be pointed in the right direction.

Oli8 commented 11 months ago

Hey, yep that'd be nice to have layout component, I was planning on doing that at some point in a future release. Please make a pull request to this repo, it would be easier for me to review it.

Cheers

Oli8 commented 10 months ago

Done in v1.2.0