Axon 911 Frontend DocsAxon 911 Frontend Docs
Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Blocks
  3. Control Island
  5. Usage

ControlIsland usage

Import ControlIsland, ControlIslandRole, and ControlIslandStatus from @prepared911/ui/blocks/control-island. The raise hand control draws raiseHandIcon while the hand is down and raisedHandIcon while it is raised. The design pairs the outlined hand (hand-alt-outlined) with the filled hand (hand-alt-filled); leave raisedHandIcon out to keep one glyph in both states. Pass every role the person may work in through roles. The island renders one Expanding ButtonGroup; operator content opens beside the selected role segment. The block imports no glyph (ADR 0014), so every glyph is a prop.
Availability
When availability is passed, the call taker role's content ends in the status pill. status is Ready, OnBreak, NotReady, OnCall, or Ringing. It is controlled with availability.status or uncontrolled with availability.defaultStatus (Ready).
  • Ready, On Break, and Not Ready open a Menu with a radio choice of the three. Ready uses cool green; On Break and Not Ready use the transient token family.
  • On Call and Ringing are host-driven static pills with no menu. onStatusChange is never called with them.
  • Choosable pills animate background-color and color on --motion-glide-state when the choice changes; swapping to or from On Call or Ringing is instant.
Entering Ringing is announced once with ringingAnnouncement. See the package usage.md for roles, size, Navbar placement, and raise hand.
Previous
Control Island / ControlIsland API
Next
Dashboard Layout / Usage
On this page
Availability