@watheia/base-ui.layout.grid-component
TypeScript icon, indicating that this package has built-in type declarations

1.3.3 • Public • Published

Grid Component

Basic grid element for 1-12 columns. Accepts all props of native html div element.

import { grid } from "@bit/bit.base-ui.layout.grid-component"

//...
;<Grid col={2}>
  <div>column 1</div>
  <div>column 2</div>
</Grid>

It has built in responsive support, using it's colX props:

//single column by default, 2 columns for large screens:
<Grid col={1} colL={2}>
  <div>column 1</div>
  <div>column 2</div>
</Grid>

breakpoints:

  • col (all)
  • colXs 360px
  • colSm 480px
  • colMd 768px
  • colL 920px
  • colLg 1080px
  • colXl 1440px

Package Sidebar

Install

npm i @watheia/base-ui.layout.grid-component

Homepage

watheia.app

Weekly Downloads

5

Version

1.3.3

License

MIT

Unpacked Size

30.6 kB

Total Files

27

Last publish

Collaborators

  • waweb