Button

DaffButtonComponent is a rectangular contained button with background color.

@Component()
class DaffButtonComponent extends DaffButtonBaseDirective {
  @Input() elevated: boolean = false
  @Input() tabindex: number = 0
  @Input() disabled: any
  @Input() size: DaffButtonSize
  @Input() status: DaffStatus
  @Input() color: DaffPalette
}

DaffFlatButtonComponent is a rectangular contained button no background.

@Component()
class DaffFlatButtonComponent extends DaffButtonBaseDirective {
  @Input() tabindex: number = 0
  @Input() disabled: any
  @Input() size: DaffButtonSize
  @Input() status: DaffStatus
  @Input() color: DaffPalette
}

@Component()
class DaffRaisedButtonComponent extends DaffButtonBaseDirective {
  @Input() tabindex: number = 0
  @Input() disabled: any
  @Input() size: DaffButtonSize
  @Input() status: DaffStatus
  @Input() color: DaffPalette
}

DaffStrokedButtonComponent is a rectangular outlined button with no background color.

@Component()
class DaffStrokedButtonComponent extends DaffButtonBaseDirective {
  @Input() elevated: boolean = false
  @Input() tabindex: number = 0
  @Input() disabled: any
  @Input() size: DaffButtonSize
  @Input() status: DaffStatus
  @Input() color: DaffPalette
}

DaffUnderlineButtonComponent is a borderless button with a custom underline style.

@Component()
class DaffUnderlineButtonComponent extends DaffButtonBaseDirective {
  @Input() tabindex: number = 0
  @Input() disabled: any
  @Input() size: DaffButtonSize
  @Input() status: DaffStatus
  @Input() color: DaffPalette
}

DaffIconButtonComponent is an icon button used with icon fonts.

@Component()
class DaffIconButtonComponent extends DaffButtonBaseDirective {
  @Input() tabindex: number = 0
  @Input() disabled: any
  @Input() size: DaffButtonSize
  @Input() status: DaffStatus
  @Input() color: DaffPalette
}

@Directive()
class DaffButtonSizableDirective extends DaffSizableDirective<DaffButtonSize> {
  @Input() size: DaffButtonSize
}

@NgModule()
class DaffButtonModule {}

The size types that the DaffButtonComponent can implement.

type DaffButtonSize = DaffSizeSmallType | DaffSizeMediumType | DaffSizeLargeType