static-columns v16.5.23
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>
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>
13 days ago
15 days ago
23 days ago
23 days ago
24 days ago
27 days ago
2 months ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
7 months ago
11 months ago
11 months ago
10 months ago
11 months ago
11 months ago
11 months ago
11 months ago
12 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago