fix(page-heading): added intro text demo

Kajabi · May 11, 2022 · 585e72b · 585e72b
1 parent fbf0a50
commit 585e72b
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 2 deletions.
diff --git a/packages/sage-react/lib/themes/legacy/PageHeading/PageHeading.jsx b/packages/sage-react/lib/themes/legacy/PageHeading/PageHeading.jsx
@@ -86,7 +86,7 @@ PageHeading.propTypes = {
   breadcrumbs: PropTypes.arrayOf(Breadcrumbs.itemPropTypes),
   children: PropTypes.node.isRequired,
   className: PropTypes.string,
-  help: PropTypes.arrayOf(PropTypes.node),
+  help: PropTypes.node,
   image: PropTypes.shape({
     alt: PropTypes.string,
     src: PropTypes.string,

diff --git a/packages/sage-react/lib/themes/legacy/PageHeading/PageHeading.story.jsx b/packages/sage-react/lib/themes/legacy/PageHeading/PageHeading.story.jsx
@@ -53,6 +53,11 @@ PageHeadingWithHelpLink.args = {
   )
 };
 
+export const PageHeadingWithIntro = Template.bind({});
+PageHeadingWithIntro.args = {
+  introText: 'Intro - Lorem ipsum, dolor sit amet consectetur adipisicing elit.'
+};
+
 export const PageHeadingWithThumbnail = Template.bind({});
 PageHeadingWithThumbnail.args = {
   image: {
@@ -92,6 +97,7 @@ PageHeadingWithToolbarAndSecondaryText.args = {
 export const AllItems = Template.bind({});
 AllItems.args = {
   secondaryText: 'Secondary text here',
+  introText: 'Intro - Lorem ipsum, dolor sit amet consectetur adipisicing elit.',
   breadcrumbs: [
     {
       label: 'Back somewhere',

diff --git a/packages/sage-react/lib/themes/next/PageHeading/PageHeading.jsx b/packages/sage-react/lib/themes/next/PageHeading/PageHeading.jsx
@@ -86,7 +86,7 @@ PageHeading.propTypes = {
   breadcrumbs: PropTypes.arrayOf(Breadcrumbs.itemPropTypes),
   children: PropTypes.node.isRequired,
   className: PropTypes.string,
-  help: PropTypes.arrayOf(PropTypes.node),
+  help: PropTypes.node,
   image: PropTypes.shape({
     alt: PropTypes.string,
     src: PropTypes.string,

diff --git a/packages/sage-react/lib/themes/next/PageHeading/PageHeading.story.jsx b/packages/sage-react/lib/themes/next/PageHeading/PageHeading.story.jsx
@@ -53,6 +53,11 @@ PageHeadingWithHelpLink.args = {
   )
 };
 
+export const PageHeadingWithIntro = Template.bind({});
+PageHeadingWithIntro.args = {
+  introText: 'Intro - Lorem ipsum, dolor sit amet consectetur adipisicing elit.'
+};
+
 export const PageHeadingWithThumbnail = Template.bind({});
 PageHeadingWithThumbnail.args = {
   image: {
@@ -91,6 +96,7 @@ PageHeadingWithToolbarAndSecondaryText.args = {
 
 export const AllItems = Template.bind({});
 AllItems.args = {
+  introText: 'Intro - Lorem ipsum, dolor sit amet consectetur adipisicing elit.',
   secondaryText: 'Secondary text here',
   breadcrumbs: [
     {