unicorn-components/src/components/containers/aside/aside.component.ts

<a target="_blank" href="https://getunicorn.io"><img src="https://bitbucket-assetroot.s3.amazonaws.com/c/photos/2017/Jul/07/2615006260-5-nitsnetsstudios-ondemand-UNI_avatar.png" align="left"></a>

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

@Component({
    selector: 'uni-aside',
    templateUrl: 'aside.component.html',
    styleUrls: ['aside.component.scss'],
})
export class UniAsideComponent implements OnChanges {

    @HostBinding('class.uni-aside') componentClass = true;
    @HostBinding('class.uni-aside--left') left = false;
    @HostBinding('class.uni-aside--right') right = false;

    @Input() position: 'left' | 'right' = 'left';

    ngOnChanges(changes) {
        if (this.position === 'left') {
            this.left = true;
            this.right = false;
        } else if (this.position === 'right') {
            this.left = false;
            this.right = true;
        }
    }
    constructor() { }
}