GitHub

DaffStrokedButtonComponent

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

DaffStrokedButtonComponent is a rectangular outlined button with no background color.

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

Inputs

elevated
boolean
Defaultfalse
Description

Whether or not the button displays a shadow.

Examples

Stroked button

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

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