Content Detail Header

The ContentHeader component displays 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

Name	Required	Type	Description
contentKind	Yes	string	The contentKind (e.g. learningPath, course)
slug	Yes	slug	The slug of the content to display
showStars	No	boolean	Controls whether rating is displayed
showImage	No	boolean	Controls whether detail image is displayed

Example Code

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

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