Axon 911 Frontend DocsAxon 911 Frontend Docs
Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Blocks
  2. Control Island
  3. API and Development

Control Island

API and Development

View SourceOpens in a new tabSubmit IssueOpens in a new tab
Import ControlIsland, ControlIslandRole, and ControlIslandStatus from @prepared911/ui/blocks/control-island.
PropTypeDefault
labelLocalizedMessagerequired
rolesreadonly ControlIslandRoleItem[]required
roleControlIslandRole—
defaultRoleControlIslandRolefirst role
onRoleChange(role, details) => void—
raiseHandIconGlyphrequired
raisedHandIconGlyphraiseHandIcon
raiseHandLabelLocalizedMessagerequired
raisedHandboolean—
defaultRaisedHandbooleanfalse
onRaisedHandChange(raised, details) => void—
availabilityControlIslandAvailability—
sizeButtonSizeMedium
classNamestring—
idstring—
refRef<HTMLDivElement>—
Component
PropTypeDefault
labelLocalizedMessagerequired
rolesreadonly ControlIslandRoleItem[]required
roleControlIslandRoleuncontrolled
defaultRoleControlIslandRolenone
onRoleChange(role, details) => voidnone
raiseHandIconGlyphrequired
raiseHandLabelLocalizedMessagerequired
raisedHandbooleanuncontrolled
defaultRaisedHandbooleanfalse
onRaisedHandChange(raised, details) => voidnone
availabilityControlIslandAvailabilitynone
sizeButtonSizeMedium
ControlIslandRoleItem: role, icon, label, optional queueLabel (Call taker and Dispatcher).
ControlIslandAvailability
FieldTypeDefault
statusControlIslandStatusReady when uncontrolled
defaultStatusControlIslandStatusReady
onStatusChange(ControlIslandChoosableStatus, details) => voidnone
statusItemsRecord<ControlIslandStatus, { label; icon }>required
statusMenuLabelLocalizedMessagerequired
statusMenuIconGlyphrequired
ringingAnnouncementLocalizedMessagerequired
ControlIslandChoosableStatus is ready, on-break, or not-ready only.
Development
Block sources live under packages/ui/src/blocks/control-island/. After .tw.css edits run pnpm tw:build and pnpm css:types in packages/ui. Unit, browser, and Storybook tests are listed in development.md in the same folder.
Previous
Control Island / Usage
Next
Control Island / Accessibility
On this page
Component
ControlIslandAvailability
Development