DaffStatusableDirective

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.

Example

<div daffStatusable [status]="componentStatus">Status content</div>

Styles

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.

Selector: '[daffStatusable]'

Properties

Name Type Description
@Input() status DaffStatus Sets the status on a component.
Graycore, LLC © 2018 - 2024. Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0.