diff --git a/CHANGELOG.md b/CHANGELOG.md index ab497cdd7..bfd255751 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,6 @@ ## Master +- Change the `sidebarTitle` prop type in the `PageLayout` component from string to string or node. ([#43](https://github.com/mapbox/dr-ui/pull/43)) - Add `lightText` prop for styling the `ProductMenu` popover trigger on dark backgrounds. ([#52](https://github.com/mapbox/dr-ui/pull/52)) - Update Mapbox Studio link in product menu items data file from /help/studio-manual/ to /studio-manual/. ([#50](https://github.com/mapbox/dr-ui/pull/50)) - Add the option to make an item active in `SectionedNavigtion`. Note: This should be used to indicate which example you're currently viewing when displaying `SectionedNavigation` on individual examples pages. ([#45](https://github.com/mapbox/dr-ui/pull/45)) diff --git a/src/components/page-layout/__tests__/page-layout-test-cases.js b/src/components/page-layout/__tests__/page-layout-test-cases.js index 3295697ff..33f247d44 100644 --- a/src/components/page-layout/__tests__/page-layout-test-cases.js +++ b/src/components/page-layout/__tests__/page-layout-test-cases.js @@ -8,6 +8,7 @@ testCases.commonUseCase = { description: 'Common use case', component: PageLayout, props: { + sidebarTitle:
Section title
, sidebarContent: ( {}} /> ), children: ( diff --git a/src/components/page-layout/page-layout.js b/src/components/page-layout/page-layout.js index 970bd1c66..747d22872 100644 --- a/src/components/page-layout/page-layout.js +++ b/src/components/page-layout/page-layout.js @@ -84,7 +84,7 @@ class PageLayout extends React.Component { PageLayout.propTypes = { sidebarContent: PropTypes.node.isRequired, - sidebarTitle: PropTypes.string, + sidebarTitle: PropTypes.oneOfType([PropTypes.node, PropTypes.string]), sidebarTheme: PropTypes.string, sidebarContentStickyTop: PropTypes.number.isRequired, sidebarContentStickyTopNarrow: PropTypes.number.isRequired,