elapsedLabel | (minutes: number) => LocalizedMessage | — | Name of the elapsed time for assistive technology, such as "On the line for 3 minutes". It is read in place with the
rest of the card and refreshes once a minute; the seconds are not read.
@param minutes - Whole minutes since startedAt |
line | CallCardLine | — | The line the call came in on. |
startedAt | number | Date | — | The instant the call started, as a Date or epoch milliseconds. An invalid instant shows no timer. |
address | CallCardText | — | Where the call is. Data, so a {@link DisplayValue} is accepted. |
callerName | CallCardText | — | The caller's name. Data, so a {@link DisplayValue} is accepted. |
channel | CallCardChannel | — | The channel of the call. Without it the phone number has no leading glyph. |
className | string | — | Classes appended to the root. Put overrides in @layer chroma.overrides. |
host | CallCardHost | CallCardHost.ListItem | Element of the root. |
incidentPlacement | CallCardIncidentPlacement | CallCardIncidentPlacement.Address | Which line carries the incident tag. Use {@link CallCardIncidentPlacement.CallerName} when the address is long. |
incidentType | CallCardText | — | The kind of incident, shown as a tag. Data, so a {@link DisplayValue} is accepted. |
locale | string | — | BCP 47 locale for the timer's digits. Defaults to the runtime locale, so a server-rendered page that must match its
client passes it explicitly. |
now | number | Date | — | Freezes the timer at this instant, as a Date or epoch milliseconds. Without it the timer follows the clock and
updates every second while the card's window is visible. Use it for server rendering, tests, and stories. |
onClick | MouseEventHandler<HTMLElement> | — | Makes the whole card one button that opens the call. The card then holds no other control. |
phoneNumber | CallCardText | — | The phone number or other caller identifier. Data, so a {@link DisplayValue} is accepted. It reads left to right
inside right-to-left text. |
ref | Ref<HTMLDivElement | HTMLLIElement> | — | Ref to the root element: the li, or the div for {@link CallCardHost.Block}. |
selected | boolean | false | The call is the one being worked. Writes aria-current="true" and paints the selected wash. |