common-igrid v1.0.11

common-igrid

Simple Grid library using Webcomponent

예제 링크: https://jjongtaeng.github.io/common-igrid

Grid

Row

• Method
  • setContent(...rest: HTMLElement[])

    const $row = new Row();
    $row.setContent("Column Element");

Column

• Method
  • setContent(content: HTMLElement | string): this;

  • setSpan(span: SpanType): this;

    const column = new Column();
    const span = { xxl: '6', xl: '6', lg: '6', md: '12', sm: '12', xs: '24'};
    
    column
      .setContent(content)
      .setSpan(span);

• 총 24 사이즈
  • ex) xxl: 4 는 1600px에서 1/6 사이즈
• xxl: > 1600px
• xl: > 1200px
• lg: > 992px
• md: > 768px
• sm: > 576px
• xs: < 576px