From 52570b48fb2ac66bf0234c6d1cbd4fb8387c6705 Mon Sep 17 00:00:00 2001
From: dharini <dharini@hashicorp.com>
Date: Mon, 3 Jan 2022 15:32:36 -0800
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20add=20support=20for=20hr?=
 =?UTF-8?q?ef?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../rose/addon/components/rose/form/helper-text/index.hbs | 1 +
 .../components/rose/form/helper-text/index.stories.mdx    | 8 +++++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/addons/rose/addon/components/rose/form/helper-text/index.hbs b/addons/rose/addon/components/rose/form/helper-text/index.hbs
index 6e075ea98..92e716a2b 100644
--- a/addons/rose/addon/components/rose/form/helper-text/index.hbs
+++ b/addons/rose/addon/components/rose/form/helper-text/index.hbs
@@ -4,4 +4,5 @@
   ...attributes
 >
   {{yield}}
+<a href={{@link}} target='_blank' rel='noreferrer noopener'>{{@linkTxt}}</a>
 </span>
diff --git a/addons/rose/addon/components/rose/form/helper-text/index.stories.mdx b/addons/rose/addon/components/rose/form/helper-text/index.stories.mdx
index 68ae2906b..19a65053c 100644
--- a/addons/rose/addon/components/rose/form/helper-text/index.stories.mdx
+++ b/addons/rose/addon/components/rose/form/helper-text/index.stories.mdx
@@ -11,7 +11,7 @@ Displays helpful messages related to a form field.  This component is used
 by form fields and should not be used directly.
 
 ```html
-<Rose::Form::HelperText @id="helper-text-{{field.id}}">
+<Rose::Form::HelperText @id="helper-text-{{field.id}}" @link='dewdw'>
   Helper text
 </Rose::Form::HelperText>
 ```
@@ -19,12 +19,14 @@ by form fields and should not be used directly.
 <Preview>
   <Story name="HelperText">{{
     template: hbs`
-      <Rose::Form::HelperText @error={{this.error}}>
+      <Rose::Form::HelperText @error={{this.error}} @link={{this.link}} @linkTxt={{this.linkTxt}}>
         Helper text
       </Rose::Form::HelperText>
     `,
     context: {
-      error: boolean('error', false)
+      error: boolean('error', false),
+      link: text('link', 'http://www.example.net/'),
+      linkTxt: text('linkTxt', 'link text')
     },
   }}</Story>
 </Preview>