DaffIconButtonComponent

class

import { DaffIconButtonComponent } from '@daffodil/design/button'

DaffIconButtonComponent is an icon button used with icon fonts.

@Component()
class DaffIconButtonComponent {
  @Input() status: DaffStatus
  @Input() color: DaffPalette
  @Input() @HostBinding() disabled: boolean = false
  @Input() tabindex: number = 0
  @Input() disabled: any
}

Inputs

status

DaffStatus

Default –

Description

Sets the status on a component.

Options are: info, warn, critical, and success.

color

DaffPalette

Default –

Description

Sets the color on a component.

Default options are: primary, secondary, tertiary, light, dark, theme, and theme-contrast.

disabled

boolean

Default	`false`
Description

tabindex

number

Default	`0`
Description	Sets the tabindex.

disabled

any

Default	–
Description	The disabled state of the button.

Examples

Icon button

<button daff-icon-button>
 <fa-icon [icon]="faPlus"></fa-icon>
</button>

<a href="/" daff-icon-button>
 <fa-icon [icon]="faPlus"></fa-icon>
</a>

Icon button

<button daff-icon-button>
 <fa-icon [icon]="faPlus"></fa-icon>
</button>

<a href="/" daff-icon-button>
 <fa-icon [icon]="faPlus"></fa-icon>
</a>