18.0.13 • Published 10 months ago

static-columns v18.0.13

Weekly downloads
136
License
MIT
Repository
github
Last release
10 months ago

STATIC-COLUMNS - effortless Angular2+ layouts

forget about flex box complicated rules !

With this simple library

angular / html columns with static width

mixed with

columns with responsive width

are not a problem anymore!


How to install:

    npm install static-columns --save

Import it:

import { StaticColumnsModule } form "static-columns/browser"

Put module inside angular imports:

@NgModule(
 // ... 
  imports: [StaticColumnsModule]
  // ... 
)
class MyExampleModule {
 // ... 
}

Examples

Basic usage:

<columns-container>
  <column grow > <!-- this column will grow/shring based on screen width -->
    something
  </column>
  <column width="190">                        
      <button>ZAKRES</button>
  </column>
  <column width="190">                        
      <button-magnifier></button-magnifier>
      <button-bell></button-bell>
      <button-gears></button-gears>
  </column>
</columns-container>

Modules marked

Hide/show column in mobile view:

<columns-container>
  <column hideMobile >
      I am not visible when screen < 600px
  </column>
  <column  showMobile>                        
      I am visible only when screen < 600px
  </column>
</columns-container>

Hide/show column in tablet view:

<columns-container>
  <column hideTablet >
      I am not visible when screen > 600px and < 840 px
  </column>
  <column  showTablet>                        
      I am visible only when screen > 600px and < 840 px
  </column>
</columns-container>

Hide/show column in desktop view:

<columns-container>
  <column hideDesktop >
      I am not visible when screen > 840 px
  </column>
  <column  showDesktop>                        
      I am visible only when screen > 840 px
  </column>
</columns-container>
18.0.10

11 months ago

18.0.11

11 months ago

18.0.13

10 months ago

16.100.5

1 year ago

16.100.4

1 year ago

16.100.6

1 year ago

18.0.7

11 months ago

18.0.5

11 months ago

16.444.1

1 year ago

16.444.3

1 year ago

16.444.8

1 year ago

16.444.7

1 year ago

16.444.9

12 months ago

18.0.4

12 months ago

18.0.3

12 months ago

18.0.2

12 months ago

16.444.10

12 months ago

16.100.3

1 year ago

16.100.2

1 year ago

16.100.1

1 year ago

16.5.23

1 year ago

16.5.22

1 year ago

16.5.21

1 year ago

16.5.20

1 year ago

16.5.19

1 year ago

16.5.18

1 year ago

16.5.17

1 year ago

16.5.14

1 year ago

16.5.13

1 year ago

16.5.12

1 year ago

16.5.11

1 year ago

16.5.10

2 years ago

16.5.9

2 years ago

16.5.8

2 years ago

16.5.7

2 years ago

16.5.5

2 years ago

16.5.6

2 years ago

16.5.4

2 years ago

16.5.3

2 years ago

16.5.2

2 years ago

16.5.1

2 years ago

16.0.8

2 years ago

13.3.8

2 years ago

13.3.6

2 years ago

16.0.7

2 years ago

16.0.2

2 years ago

16.0.5

2 years ago

16.0.4

2 years ago

16.0.3

2 years ago

13.3.5

2 years ago

13.3.3

2 years ago

13.3.4

2 years ago

13.3.2

2 years ago

13.1.31

2 years ago

13.1.25

3 years ago

13.1.26

3 years ago

13.1.27

3 years ago

13.1.28

3 years ago

13.1.29

3 years ago

13.0.24

3 years ago

13.0.19

3 years ago

13.0.20

3 years ago

13.0.21

3 years ago

13.0.22

3 years ago

13.0.23

3 years ago

13.0.13

3 years ago

13.0.14

3 years ago

13.0.15

3 years ago

13.0.16

3 years ago

13.0.17

3 years ago

13.0.18

3 years ago

13.0.10

3 years ago

13.0.11

3 years ago

13.0.12

3 years ago

13.0.8

3 years ago

13.0.9

3 years ago

13.0.6

3 years ago

13.0.7

3 years ago

13.0.4

3 years ago

13.0.5

3 years ago

13.0.2

3 years ago

13.0.3

3 years ago

13.0.1

3 years ago

2.0.16

4 years ago

2.0.17

4 years ago

2.0.3

4 years ago

2.0.2

4 years ago

2.0.13

4 years ago

2.0.5

4 years ago

2.0.4

4 years ago

2.0.12

4 years ago

2.0.6

4 years ago

2.0.1

4 years ago

1.0.24

4 years ago

1.0.23

4 years ago

1.0.29

4 years ago

1.0.22

4 years ago

1.0.21

4 years ago

1.0.20

4 years ago

1.0.19

4 years ago

1.0.18

4 years ago

1.0.17

4 years ago

1.0.16

4 years ago

1.0.15

4 years ago

1.0.14

4 years ago

1.0.13

4 years ago

1.0.12

4 years ago

1.0.11

4 years ago

1.0.10

4 years ago

1.0.9

5 years ago

1.0.8

5 years ago

1.0.7

5 years ago

1.0.4

6 years ago

0.0.25

6 years ago

0.0.23

6 years ago

0.0.20

6 years ago

0.0.19

6 years ago

0.0.18

7 years ago

0.0.15

8 years ago

0.0.14

9 years ago

0.0.13

9 years ago

0.0.12

9 years ago

0.0.11

9 years ago

0.0.10

9 years ago

0.0.9

9 years ago

0.0.8

9 years ago

0.0.7

9 years ago

0.0.6

9 years ago

0.0.4

9 years ago

0.0.3

9 years ago