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 fxLayoutGap directive from flex-layout library, see fxLayoutGap API for more information

title

string

Container title

* required inputs.

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

* required inputs.

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.