axonyx-ui 0.0.43

Foundry CSS, JavaScript helpers, and Axonyx-native .ax components for Axonyx UI.
Documentation
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
page MachineSwitch(label = "", stateLabel = "", onLabel = "Online", offLabel = "Offline", state = "off", pressed = "", offActive = "", onActive = "")

<button
  class="ax-machine-switch"
  data-state={state}
  data-on-label={onLabel}
  data-off-label={offLabel}
  data-ax-behavior="machine-switch"
  type="button"
  aria-pressed={pressed}
>
  <span class="ax-machine-switch__controls">
    <span class="ax-machine-switch__pad" data-tone="danger" data-active={offActive}>OFF</span>
    <span class="ax-machine-switch__pad" data-tone="success" data-active={onActive}>ON</span>
  </span>
  <span class="ax-machine-switch__label">{label}</span>
  <span class="ax-machine-switch__label" data-state="true">{stateLabel}</span>
</button>