DNDTools/src/app/shared-components/ui-button/ui-button.component.ts

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

@Component({
  selector: 'ui-button',
  templateUrl: './ui-button.component.html',
  styleUrls: ['./ui-button.component.scss'],
})
export class UiButtonComponent {
  /** Defines if the ui-button is disabled */
  @Input() disabled: boolean = false;

  /** Available colors: green | red | blue | neutral */
  @Input() type: string = 'default';

  /** The width of the button from w1 to w25 in rem, defaulted to 100%. */
  @Input() width: string = 'default';

  /** Available colors are green | red | blue | neutral. defaulted to neutral. */
  @Input() color: string = 'neutral';
}