Exposure Card

The ExposureCard displays a single exposure entry with a type label, value, an action link, and an avatar group showing associated users.

Props

Prop	Type	Default	Description
showIndicator	Boolean	true	Shows or hides the animated status indicator in the header
type	String	'Email Address'	Category label shown in the header (e.g. "Email Address", "Phone Number")
value	String	'jane.b@privacybee.com'	The main exposure value to display
linkText	String	'This is me'	Text for the clickable link in the footer
avatars	Array	[{}, {}, {}]	Array of avatar objects — pass { image: '...' } for photo avatars or {} for placeholder circles
extraCount	Number	0	The "+N" overflow count displayed after the avatar list

Events

Event	Description
link-click	Emitted when the footer link is clicked

Basic Usage

<ExposureCard
  type="Email Address"
  value="jane.b@privacybee.com"
  linkText="This is me"
  :avatars="[{}, {}, {}]"
  :extraCount="5"
/>

Email Address

jane.b@privacybee.com

This is me

+5

With Photo Avatars

<ExposureCard
  type="Phone Number"
  value="+1 (555) 867-5309"
  linkText="Not me"
  :avatars="[
    { image: 'https://primefaces.org/cdn/primevue/images/avatar/amyelsner.png' },
    { image: 'https://primefaces.org/cdn/primevue/images/avatar/asiyajavayant.png' },
  ]"
  :extraCount="3"
/>

Phone Number

+1 (555) 867-5309

Not me

+3