Adding the AnnouncementsCard component to a page will display a Card with the latest announcements.
Announcements yet unseen by the user will be prefixed by a specific icon.
import { AnnouncementsCard } from '@procore-oss/backstage-plugin-announcements';
export const HomePage = () => {
return (
<Page themeId="home">
<Header title="AnnouncementsCard" />
<Content>
<Grid container>
<Grid item md={6}>
<AnnouncementsCard max={3} />
</Grid>
</Grid>
</Content>
</Page>
);
};