updated show less toggle text

Mash707 · Mash707 · commit 908023b99c60 · 2025-04-10T04:10:41.000+05:30
diff --git a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionBasic.tsx b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionBasic.tsx
@@ -10,7 +10,7 @@ export const ExpandableSectionBasic: React.FunctionComponent = () => {
 
   return (
     <ExpandableSection
-      toggleText={isExpanded ? 'Show less' : 'Show more basic example content'}
+      toggleText={isExpanded ? 'Show less basic example content' : 'Show more basic example content'}
       onToggle={onToggle}
       isExpanded={isExpanded}
     >
diff --git a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionDetached.tsx b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionDetached.tsx
@@ -25,7 +25,7 @@ export const ExpandableSectionDetached: React.FunctionComponent = () => {
           contentId={contentId}
           direction="up"
         >
-          {isExpanded ? 'Show less' : 'Show more detached example content'}
+          {isExpanded ? 'Show less detached example content' : 'Show more detached example content'}
         </ExpandableSectionToggle>
       </StackItem>
     </Stack>
diff --git a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionDisclosure.tsx b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionDisclosure.tsx
@@ -10,7 +10,9 @@ export const ExpandableSectionDisclosure: React.FunctionComponent = () => {
 
   return (
     <ExpandableSection
-      toggleText={isExpanded ? 'Show less' : 'Show more disclosure variation example content'}
+      toggleText={
+        isExpanded ? 'Show less disclosure variation example content' : 'Show more disclosure variation example content'
+      }
       onToggle={onToggle}
       isExpanded={isExpanded}
       displaySize="lg"
diff --git a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionIndented.tsx b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionIndented.tsx
@@ -21,7 +21,7 @@ export const ExpandableSectionIndented: React.FunctionComponent = () => {
       />
       <br />
       <ExpandableSection
-        toggleText={isExpanded ? 'Show less' : 'Show more indented example content'}
+        toggleText={isExpanded ? 'Show less indented example content' : 'Show more indented example content'}
         onToggle={onToggle}
         isExpanded={isExpanded}
         isIndented
diff --git a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionTruncateExpansion.tsx b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionTruncateExpansion.tsx
@@ -11,7 +11,7 @@ export const ExpandableSectionTruncateExpansion: React.FunctionComponent = () =>
   return (
     <ExpandableSection
       variant={ExpandableSectionVariant.truncate}
-      toggleText={isExpanded ? 'Show less' : 'Show more truncated content'}
+      toggleText={isExpanded ? 'Show less truncated content' : 'Show more truncated content'}
       onToggle={onToggle}
       isExpanded={isExpanded}
     >
diff --git a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionUncontrolledDynamicToggleText.tsx b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSectionUncontrolledDynamicToggleText.tsx
@@ -2,7 +2,7 @@ import { ExpandableSection } from '@patternfly/react-core';
 
 export const ExpandableSectionUncontrolledDynamicToggle: React.FunctionComponent = () => (
   <ExpandableSection
-    toggleTextExpanded="Show less"
+    toggleTextExpanded="Show less uncontrolled dynamic toggle example content"
     toggleTextCollapsed="Show more uncontrolled dynamic toggle example content"
   >
     This content is visible only when the component is expanded.

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ export const ExpandableSectionBasic: React.FunctionComponent = () => {`
`10`	`10`
`11`	`11`	`return (`
`12`	`12`	`<ExpandableSection`
`13`		`- toggleText={isExpanded ? 'Show less' : 'Show more basic example content'}`
	`13`	`+ toggleText={isExpanded ? 'Show less basic example content' : 'Show more basic example content'}`
`14`	`14`	`onToggle={onToggle}`
`15`	`15`	`isExpanded={isExpanded}`
`16`	`16`	`>`
Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@ export const ExpandableSectionDetached: React.FunctionComponent = () => {`
`25`	`25`	`contentId={contentId}`
`26`	`26`	`direction="up"`
`27`	`27`	`>`
`28`		`- {isExpanded ? 'Show less' : 'Show more detached example content'}`
	`28`	`+ {isExpanded ? 'Show less detached example content' : 'Show more detached example content'}`
`29`	`29`	`</ExpandableSectionToggle>`
`30`	`30`	`</StackItem>`
`31`	`31`	`</Stack>`
Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ export const ExpandableSectionTruncateExpansion: React.FunctionComponent = () =>`
`11`	`11`	`return (`
`12`	`12`	`<ExpandableSection`
`13`	`13`	`variant={ExpandableSectionVariant.truncate}`
`14`		`- toggleText={isExpanded ? 'Show less' : 'Show more truncated content'}`
	`14`	`+ toggleText={isExpanded ? 'Show less truncated content' : 'Show more truncated content'}`
`15`	`15`	`onToggle={onToggle}`
`16`	`16`	`isExpanded={isExpanded}`
`17`	`17`	`>`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@ import { ExpandableSection } from '@patternfly/react-core';`
`2`	`2`
`3`	`3`	`export const ExpandableSectionUncontrolledDynamicToggle: React.FunctionComponent = () => (`
`4`	`4`	`<ExpandableSection`
`5`		`- toggleTextExpanded="Show less"`
	`5`	`+ toggleTextExpanded="Show less uncontrolled dynamic toggle example content"`
`6`	`6`	`toggleTextCollapsed="Show more uncontrolled dynamic toggle example content"`
`7`	`7`	`>`
`8`	`8`	`This content is visible only when the component is expanded.`