GitHub

DaffButtonComponent

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

DaffButtonComponent is a rectangular contained button with background color.

@Component()
class DaffButtonComponent extends DaffButtonBaseDirective {
  @Input() @HostBinding() elevated: boolean = false
}

Inputs

elevated
boolean
Defaultfalse
Description

Whether or not the button displays a shadow.

Examples

Basic button

<button daff-button>
 <div daffPrefix></div>
 Button
 <div daffSuffix></div>
</button>

<a href="/" daff-button>
 <div daffPrefix></div>
 Linked button
 <div daffSuffix></div>
</a>