Add a changeset

CrowdStrike · Jul 20, 2023 · ff50f27 · ff50f27
1 parent 3cb8650
commit ff50f27
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 4 deletions.
diff --git a/.changeset/eight-shoes-flash.md b/.changeset/eight-shoes-flash.md
@@ -0,0 +1,25 @@
+---
+'@crowdstrike/ember-toucan-form': patch
+---
+
+Expose the `:secondary` block and Character Counter component from `<ToucanForm` input and textarea components.
+
+```hbs
+<ToucanForm @data={{data}} as |form|>
+  <form.Input @name='input'>
+    <:label>Label</:label>
+    <:hint>Hint</:hint>
+    <:secondary as |secondary|>
+      <secondary.CharacterCount @max={{255}} />
+    </:secondary>
+  </form.Input>
+
+  <form.Textarea @name='textarea'>
+    <:label>Label</:label>
+    <:hint>Hint</:hint>
+    <:secondary as |secondary|>
+      <secondary.CharacterCount @max={{255}} />
+    </:secondary>
+  </form.Textarea>
+</ToucanForm>
+```
diff --git a/test-app/tests/integration/components/toucan-form/form-input-test.gts b/test-app/tests/integration/components/toucan-form/form-input-test.gts
@@ -163,7 +163,7 @@ module('Integration | Component | ToucanForm | Input', function (hooks) {
 
     await render(<template>
       <ToucanForm @data={{data}} as |form|>
-        <form.Input @label="Label" @name="text">
+        <form.Input @name="text">
           <:label><span data-label-block>Label</span></:label>
           <:hint><span data-hint-block>Hint</span></:hint>
         </form.Input>
@@ -181,7 +181,7 @@ module('Integration | Component | ToucanForm | Input', function (hooks) {
 
     await render(<template>
       <ToucanForm @data={{data}} as |form|>
-        <form.Input @label="Label" @name="text">
+        <form.Input @name="text">
           <:label><span data-label-block>Label</span></:label>
           <:hint><span data-hint-block>Hint</span></:hint>
           <:secondary as |secondary|>

diff --git a/test-app/tests/integration/components/toucan-form/form-textarea-test.gts b/test-app/tests/integration/components/toucan-form/form-textarea-test.gts
@@ -163,7 +163,7 @@ module('Integration | Component | ToucanForm | Textarea', function (hooks) {
 
     await render(<template>
       <ToucanForm @data={{data}} as |form|>
-        <form.Textarea @label="Label" @name="text">
+        <form.Textarea @name="text">
           <:label><span data-label-block>Label</span></:label>
           <:hint><span data-hint-block>Hint</span></:hint>
         </form.Textarea>
@@ -181,7 +181,7 @@ module('Integration | Component | ToucanForm | Textarea', function (hooks) {
 
     await render(<template>
       <ToucanForm @data={{data}} as |form|>
-        <form.Textarea @label="Label" @name="text">
+        <form.Textarea @name="text">
           <:label><span data-label-block>Label</span></:label>
           <:hint><span data-hint-block>Hint</span></:hint>
           <:secondary as |secondary|>