feat(CC-expandable-section): added expandable section #11930
Conversation
|
Preview: https://patternfly-react-pr-11930.surge.sh A11y report: https://patternfly-react-pr-11930-a11y.surge.sh Preview: https://pf-react-pr-11930.surge.sh A11y report: https://pf-react-pr-11930-a11y.surge.sh |
| <ExpandableSection | ||
| onToggle={() => {}} | ||
| toggleText={isExpanded ? 'Show less basic example content' : `${props.toggleText}`} | ||
| > |
There was a problem hiding this comment.
stub out isExpanded={false/true} doesn't need to be connected to figma, true/false are acceptable values.
| <ExpandableSection | ||
| isExpanded | ||
| onToggle={() => {}} | ||
| toggleText={isExpanded ? `${props.toggleText}` : 'Show less basic example content'} |
There was a problem hiding this comment.
'Show more basic example content'
| example: (props) => ( | ||
| <Stack hasGutter> | ||
| <StackItem> | ||
| <ExpandableSection isExpanded={false} isDetached toggleId={props.toggleId} contentId={props.contentId}> |
There was a problem hiding this comment.
isExpanded={true}
| toggleId={props.toggleId} | ||
| contentId={props.contentId} | ||
| direction="up" | ||
| > |
There was a problem hiding this comment.
isExpanded={true}
| example: (props) => ( | ||
| <ExpandableSection | ||
| toggleText={isExpanded ? `${props.toggleText}` : 'Show less indented example content'} | ||
| isExpanded={isExpanded} |
There was a problem hiding this comment.
| isExpanded={isExpanded} | |
| isExpanded={true} |
| 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=2404-21', | ||
| { | ||
| variant: { State: 'Default Custom Content' }, | ||
| example: () => ( |
There was a problem hiding this comment.
Pass shared const into examples so user can see them, contextually.
| <ExpandableSection | ||
| isExpanded={isExpanded} | ||
| onToggle={() => {}} | ||
| toggleText={isExpanded ? `${props.toggleText}` : 'Show less basic example content'} |
There was a problem hiding this comment.
| toggleText={isExpanded ? `${props.toggleText}` : 'Show less basic example content'} | |
| toggleText={isExpanded ? `${props.toggleText}` : 'Show more basic example content'} |
mattnolting
force-pushed
the
feat-CC-expandable-section
branch
from
ae0a1a6 to
d51c5aa
Compare
mattnolting
force-pushed
the
feat-CC-expandable-section
branch
from
d51c5aa to
5fa8d87
Compare
mattnolting
force-pushed
the
feat-CC-expandable-section
branch
from
5fa8d87 to
98d536a
Compare
|
This PR has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. |
2 participants
Relates to: #11624
Included components:
ExpandableSection
Component tracker
Figma preview
Resources: