- Sectioned forms are used when displaying a large amount of conceptually related information.
+ Sectioned forms combine multiple forms to display large amounts of conceptually related information.
@@ -10,20 +10,20 @@
propertyName="active"
isOptional="true"
>
- A boolean value to indicate the active section.
+ Indicates whether the section is active when the form loads.
- The display text used to identify the section.
+ Specifies the section header.
- The number of items contained within a given section.
+ Indicates the number of items within the section and displays a counter alongside the section header.
@@ -32,7 +32,7 @@
- Fires when the active tab changes. Emits the index of the active section.
+ Fires when the active tab changes and emits the index of the active section. The index is based on the section's position when the form loads.
diff --git a/src/app/components/sectioned-form/sectioned-form-demo.component.html b/src/app/components/sectioned-form/sectioned-form-demo.component.html
index bf67055ce..9f05ca2b1 100644
--- a/src/app/components/sectioned-form/sectioned-form-demo.component.html
+++ b/src/app/components/sectioned-form/sectioned-form-demo.component.html
@@ -1,3 +1,3 @@
\ No newline at end of file
diff --git a/src/app/components/sectioned-form/sectioned-modal-form-demo.component.html b/src/app/components/sectioned-form/sectioned-modal-form-demo.component.html
index 677f556f2..839f2c9c2 100644
--- a/src/app/components/sectioned-form/sectioned-modal-form-demo.component.html
+++ b/src/app/components/sectioned-form/sectioned-modal-form-demo.component.html
@@ -1,6 +1,6 @@
- Tab sectioned modal - Index: {{ activeIndexDisplay }}
+ Sectioned form — Index: {{ activeIndexDisplay }}