packages/eui-ecl/packages/core/src/lib/components/ecl-sticky-container/ecl-sticky-container.component.ts
| selector | ecl-sticky-container |
| styles |
:host {
display: block;
align-self: flex-start;
top: 0;
z-index: 10;
position: sticky;
position: -webkit-sticky;
}
:host.ecl-sticky-container--disabled {
position: static;
}
|
| templateUrl | ./ecl-sticky-container.component.html |
Methods |
Inputs |
HostBindings |
Accessors |
| isEnabled |
Type : boolean | any
|
Default value : true
|
| marginBottom |
Type : number
|
Default value : 0
|
| marginTop |
Type : number
|
Default value : 0
|
| class |
Type : string
|
| e2eAttr |
Type : any
|
| class |
Type : any
|
| style.bottom.px |
Type : number
|
| style.top.px |
Type : number
|
| bottom |
bottom()
|
Decorators :
@HostBinding('style.bottom.px')
|
|
Returns :
number
|
| top |
top()
|
Decorators :
@HostBinding('style.top.px')
|
|
Returns :
number
|
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| cssClasses |
getcssClasses()
|