From a1bed07bd0adc28df4479f95db52ef5d61fbf4ca Mon Sep 17 00:00:00 2001 From: Erin Donehoo Date: Tue, 30 Apr 2024 11:35:52 -0400 Subject: [PATCH] Updates per feedback. --- .../src/components/ToggleGroup/examples/ToggleGroup.md | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/packages/react-core/src/components/ToggleGroup/examples/ToggleGroup.md b/packages/react-core/src/components/ToggleGroup/examples/ToggleGroup.md index 22b70e9103c..d66db50c5c1 100644 --- a/packages/react-core/src/components/ToggleGroup/examples/ToggleGroup.md +++ b/packages/react-core/src/components/ToggleGroup/examples/ToggleGroup.md @@ -17,7 +17,7 @@ import ShareSquareIcon from '@patternfly/react-icons/dist/esm/icons/share-square A single select toggle group allows users to toggle between multiple items. -To support single selection, use the `onChange` callback to pass the selected `` to `isSelected`. +To indicate whether a `` is selected or not, use the `isSelected` property. ```ts file="./ToggleGroupDefaultSingle.tsx" ``` @@ -28,8 +28,6 @@ A multi select toggle group allows users to select multiple items at once. When a toggle item is disabled it cannot be selected. Click the "Disable all" button in the following example to see this in action. -To support multiple selection, use the `onChange` callback to pass each selected `` to `isSelected`. - ```ts file="./ToggleGroupDefaultMultiple.tsx" ``` @@ -48,8 +46,6 @@ Adding text to a toggle item with an icon helps clarify the button's function. To do this, pass a descriptive label to the `text` property of a ``. -When passing both `text` and `icon` properties to a ``, you can also pass in `iconPosition` to determine whether the icon is rendered at the start or end of the item. - ```ts file="./ToggleGroupTextIcon.tsx" ```