Skip to content

State helpers

Utilities for communicating state in the DOM.

ClassStyles
af-is-disabledopacity: 0.6; cursor: not-allowed; pointer-events: none
af-is-loadingopacity: 0.7; pointer-events: none
af-is-activeopacity: 0.9
af-is-mutedopacity: 0.6
af-has-errorborder-color: var(--af-color-danger)
af-has-focusborder-color: var(--af-color-primary)
Disabled
<button class="af-btn af-is-disabled">
  Disabled
</button>
  • af-is-disabled
  • af-is-loading
  • af-is-active
  • af-is-muted
  • af-has-error
  • af-has-focus