Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Components
  2. Contact Row
  3. API and Development

ContactRow

API and Development

View SourceOpens in a new tabSubmit IssueOpens in a new tab
Import ContactRow from @prepared911/ui/contact-row.
PropTypeDefaultNotes
iconGlyphrequiredExtra-small icon in the well.
labelLocalizedMessage | DisplayValuerequiredPrimary text; truncates.
valueLocalizedMessage | DisplayValueTrailing detail.
valuePrefixLocalizedMessage | DisplayValueEmphasis before value.
dividerbooleantrueVertical rule after the icon well.
selectedbooleanfalseSelected list wash.
disabledbooleanfalseInert row.
onClick(event) => voidMakes the row a button.
aria-labelLocalizedMessageOverrides the accessible name.
refRef<HTMLButtonElement>On the inner button.
Static rows omit onClick and render a div. Interactive and static prop shapes are mutually exclusive. Development notes: press handling reuses usePress from Button; paints use Chroma list state tokens. Figma library set Contact Row (node-id=3952-44346) maps through Code Connect in contact-row.figma.ts.
Previous
ContactRow / Usage
Next
ContactRow / Accessibility