The DaffStatusableDirective
allows a component to conditionally apply status-specific
styles by setting CSS classes based on the specified status. This directive is useful
for indicating different statuses such as warnings, errors, or success states.
<div daffStatusable [status]="componentStatus">Status content</div>
The directive applies the following CSS classes based on the status:
daff-warn
: Applied when the status is Warn
.daff-danger
: Applied when the status is Danger
.daff-success
: Applied when the status is Success
.'[daffStatusable]'
Name | Type | Description |
---|---|---|
@Input() status | DaffStatus |
Sets the status on a component. |