Primitives are elemental components combined to create compound components. The primary users are developers expanding the HBS Design System.
-
Archive Page Facets
Multi-select checkboxes for faceted filtering
-
Archive Page Pagination
Numbered links to break up long lists of entries across multiple pages
-
Arrow Button
Button for progressing content forward or backward
-
Article Share Tools
Standardized share tools for articles
-
Article Tease
Standardized article tease link for use in article listings
-
Aside
Sidebar content for pages and articles
-
Book Tease
Standardized book tease link for use in listings
-
Breadcrumbs
Navigation links for hierarchical page structures
-
Byline
Standardized article byline
-
Component Header
Standardized title for use in components
-
CTA
Standardized Call to Action (CTA) link
-
Embed
Embed media in components.
-
Event Feed Tease
Standardized event tease link for use in event listings
-
Form
Styled form elements
-
Head
Standardized <head> element
-
Icon
Standardized iconography component
-
Kaltura Embed
Embed a Kaltura video in components.
-
Logo
Standardized HBS logo
-
Media Asset
Embed media in components.
-
Newsletter Signup
Simple form example
-
Page Section
Segment and subtitle page and component sections.
-
Participant Story Tease
Standardized participant story tease link for use in components
-
Person Tease
Standardized person tease link for use in components
-
Podcast Tease
Standardized podcast tease link for use in components
-
Program Tease
Standardized program tease link for use in components
-
Quote Tease
Standardized quote tease link for use in components
-
Search Box
Search form input element
-
Shimmer
Standardized loading state for use in components
-
Sibling Page Navigation
Navigation links for hierarchical page structures with peers
-
Social Media Links
Standardized links to social media accounts
-
Social Media Tease
Standardized social media tease link for use in social media directory listings
-
Tabs
Collapse multiple panes of related content into one interactive group.
-
Timeline Event
Standardized timeline event for use in the Timeline Tease component
-
Toast
Standardized bottom pop-up for use on pages
-
Tooltip
A simple tooltip component for exposing more information inline