Skip to main content

Content Header

Description

The Content Header component is used to display the title, description, and image of a Course or Learning Path. All content types, except learning paths, can also display rating and ratingsCount information.

✨🎨 View Component in Storybook 🎨✨

Installation

npm install @thoughtindustries/content

Props

NameRequiredTypeDescription
contentKindYesstringThe contentKind of the Content, e.g., learningPath, course.
slugYesslugThe slug of the content that should be displayed.
showStarsNobooleanControls whether a course's rating is displayed, shown in stars.
showImageNobooleanControls whether a piece of content's Detail Image is displayed.

Example code

import { ContentHeader } from '@thoughtindustries/content';

export function MyComponent() {
// ...

return (
<ContentHeader
contentKind={contentKind}
slug={courseSlug}
showStars={true}
showImage={true}
/>
);
}