import { DaffButtonComponent } from '@daffodil/design/button'
DaffButtonComponent is a rectangular contained button with background color.
@Component()
class DaffButtonComponent {
@Input() status: DaffStatus
@Input() color: DaffPalette
@Input() elevated: boolean = false
@Input() tabindex: number = 0
@Input() disabled: any
}
DaffStatus
Default | – |
---|---|
Description | Sets the status on a component. Options are: |
DaffPalette
Default | – |
---|---|
Description | Sets the color on a component. Default options are: |
boolean
Default | false |
---|---|
Description | Whether or not the button displays a shadow. |
number
Default | 0 |
---|---|
Description | Sets the tabindex. |
any
Default | – |
---|---|
Description | The disabled state of the 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>
<button daff-button>
<div daffPrefix></div>
Button
<div daffSuffix></div>
</button>
<a href="/" daff-button>
<div daffPrefix></div>
Linked button
<div daffSuffix></div>
</a>