Move Help Text

docs/manifest.json

@@ -935,6 +935,12 @@
 		"markdown_source": "../packages/components/src/heading/README.md",
 		"parent": "components"
 	},
+	{
+		"title": "HelpText",
+		"slug": "help-text",
+		"markdown_source": "../packages/components/src/help-text/README.md",
+		"parent": "components"
+	},
 	{
 		"title": "NavigateRegions",
 		"slug": "navigate-regions",

packages/components/src/help-text/index.js

@@ -0,0 +1,15 @@
+/**
+ * WordPress dependencies
+ */
+import { ExternalLink } from '@wordpress/components';
+
+const HelpText = ( { moreLinkText, children, url } ) => {
+	return (
+		<div>
+			{ children }
+			{ url && <ExternalLink url={ url }>{ moreLinkText }</ExternalLink> }
+		</div>
+	);
+};
+
+export default HelpText;

packages/components/src/index.js

@@ -74,6 +74,7 @@ export { Grid as __experimentalGrid } from './grid';
 export { default as Guide } from './guide';
 export { default as GuidePage } from './guide/page';
 export { Heading as __experimentalHeading } from './heading';
+export { default as HelpText } from './help-text';
 export { HStack as __experimentalHStack } from './h-stack';
 export { default as Icon } from './icon';
 export { default as IconButton } from './button/deprecated';

packages/components/src/index.native.js

@@ -38,6 +38,7 @@ export { default as PanelActions } from './panel/actions';
 export { default as Button } from './button';
 export { default as __experimentalText } from './text';
 export { default as ExternalLink } from './external-link';
+export { default as HelpText } from './help-text';
 export { default as TextControl } from './text-control';
 export { default as ToggleControl } from './toggle-control';
 export { default as SelectControl } from './select-control';
@@ -101,7 +102,6 @@ export { default as InserterButton } from './mobile/inserter-button';
 export { setClipboard, getClipboard } from './mobile/clipboard';
 export { default as AudioPlayer } from './mobile/audio-player';
 export { default as Badge } from './mobile/badge';
-export { default as HelpText } from './mobile/help-text';
 
 // Utils
 export { colorsUtils } from './mobile/color-settings/utils';