Components
Helium provides a set of pre-built, open-source React components that you can use to build your learning experience. Each component is installable as a separate npm package under the @thoughtindustries scope.
| Component | Description |
|---|---|
| Cart | Handles checkout redirection with customizable price formatting and cart UI management. |
| Catalog | Lets learners search and browse for content with configurable pagination and price formatting. |
| Featured Content | Display courses, microlearning, and products in configurable tile layouts and carousels. |
| Login | Renders a sign-in form for email and password authentication with forgot password link. |
| Registration | Renders a registration form for new learners with optional redirect URL. |
| Content Detail Header | Displays the title, description, image, and rating of a course or learning path. |
| Dashboard Stats | Shows course access count, collaboration threads, and certificates earned. |
Storybook
All components are available in Storybook for interactive previews.