Containers
OColumnComponent, ORowComponent
Directive: o-column, o-row
Inputs
Name | Since | Description | Default |
---|---|---|---|
appearance string |
| Indicates the appearance of the container, similar to the form field appearance |
|
attr string |
| Field identifier. Registry property if component is inside a form. |
|
elevation number |
| Number indicating elevation according to predefined CSS classes in Angular Material Elevation |
|
icon string |
| Name of google icon (see Google material design icons) |
|
layout-align string |
| Layout align value according to flex-layout library, see fxLayoutAlign API for more information |
|
layout-gap string |
| Specify margin gaps on children within the container. This attribute refers to the |
|
title string |
| Container title |
|
Collapsible containers
Directive: o-column-collapsible, o-row-collapsible
Inputs
Name | Since | Description | Default |
---|---|---|---|
appearance string |
| Indicates the appearance of the container, similar to the form fiel appearance |
|
attr string |
| Field identifier. Registry property if component is inside a form. |
|
description string |
| Container description |
|
elevation number |
| Number indicating elevation according to predefined CSS classes in Angular Material Elevation |
|
expanded no | false | yes | true |
| Indicates wether the collapsible container will be expanded or not | yes |
icon string |
| Name of google icon (see Google material design icons) |
|
layout-align string |
| Layout align value according to flex-layout library see Flex Layout |
|
title string |
| Container title |
|
Outputs
Name | Since | Description |
---|---|---|
onAfterCollapse | 8.9.0 | An event emitted after the body’s collapse animation happens |
onAfterExpand | 8.9.0 | An event emitted after the body’s expansion animation happens. |
onClosed | 8.9.0 | Event emitted every time the component collapsible is closed. |
onOpened | 8.9.0 | Event emitted every time the component collapsible is opened. |