Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Components
  3. Contact Chip
  5. Usage

ContactChip

Usage

ContactChip labels a category or shortcut in a phone-book grid: icon well, divider, and label. Stacked layout adds a second line for a number or role.
Layout
ContactChipLayout.Inline is a single 32px chip. Stacked is 68px with a caption value.
Interaction
Pass onClick for a selectable chip. Use selected and disabled like ContactRow. Display-only tiles omit onClick.
Width in grids
Set fullSpan when the chip sits in a grid cell and should match the column width (same semantics as Button). Block size stays 32px inline or 68px stacked.
Previous
Confirmation / Accessibility
Next
ContactChip / API and Development
On this page
Layout
Interaction
Width in grids