### File

`projects/commons/src/lib/elements/jumbotron/components/jumbotron.component.ts`

### Metadata

selector | `cmn-jumbotron`
styleUrls | `./jumbotron.component.scss`
templateUrl | `./jumbotron.component.html`

### Index

###### Inputs
background class hasContainer isFlex

### Inputs

background
Type : `Background`
Default value : `backgroundEnum.light`
Defined in projects/commons/src/lib/elements/jumbotron/components/jumbotron.component.ts:15

class
Type : `string`
Defined in projects/commons/src/lib/elements/jumbotron/components/jumbotron.component.ts:13

hasContainer
Type : `boolean`
Defined in projects/commons/src/lib/elements/jumbotron/components/jumbotron.component.ts:14

isFlex
Type : `boolean`
Defined in projects/commons/src/lib/elements/jumbotron/components/jumbotron.component.ts:12

    import { Component, Input } from '@angular/core';

    import { Background, backgroundEnum } from '../../../shared/enums';

    @Component({
        selector: 'cmn-jumbotron',
        templateUrl: './jumbotron.component.html',
        styleUrls: [ './jumbotron.component.scss' ],
    })

    export class JumbotronComponent {
        @Input() public readonly isFlex: boolean;
        @Input('class') public readonly clazz: string;
        @Input() public readonly hasContainer: boolean;
        @Input() public readonly background: Background = backgroundEnum.light;
    }

    <div class="columns {{ background }}">
        <div class="column {{ clazz }}"
             [class.is-flex]="isFlex">
            <div class="container">
                <ng-content></ng-content>
            </div>
        </div>
    </div>

`./jumbotron.component.scss`

Legend
Html element
Component
Html element with directive

# result-matching ""

# No results matching ""