8x8 Oxygen - EventCard

Installation

$ yarn add @8x8/oxygen-event-card

$ npm install @8x8/oxygen-event-card

Usage

import { VideoIcon } from '@8x8/oxygen-icon';
import EventCard from '@8x8/oxygen-event-card';

<EventCard
  icon={VideoIcon}
  avatars={[{ name: "John Doe" }, { src: "https://work.8x8.com/8x8-logo.png" }]}
  title="Rock FM"
  text="3h20m"
/>
/>;

Props

EventCard

interface EventCardProps

| Name | Type | Default | Description | | :--------- | :------------------------------------------------------- | :------------- | :--------------------------------------------------------------------------------------------------- | | icon? | React.ComponentType<{ size?: number; color?: string }> | undefined | Icon component to display. Should be an Oxygen icon | | avatars? | Pick<AvatarProps, 'name' \| 'src' \| 'isGroup'>[] | undefined | Array of avatar data for AvatarStack | | title? | string | undefined | Event title text | | text? | string | undefined | Event description text | | testId? | string | 'EVENT_CARD' | Test ID DOM attribute value | | theme? | Partial<EventCardTheme> | undefined | Custom theme overrides. |