From a725ee68e9607b3e49d1cb1d334ea2e74a92b8f2 Mon Sep 17 00:00:00 2001 From: Erin Donehoo Date: Tue, 12 Sep 2023 10:13:32 -0400 Subject: [PATCH 1/2] docs(tabs):clean up React documentation content. --- packages/react-core/src/components/Tabs/examples/Tabs.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/packages/react-core/src/components/Tabs/examples/Tabs.md b/packages/react-core/src/components/Tabs/examples/Tabs.md index 0f52f7e728d..83c79810c69 100644 --- a/packages/react-core/src/components/Tabs/examples/Tabs.md +++ b/packages/react-core/src/components/Tabs/examples/Tabs.md @@ -28,7 +28,7 @@ You can adjust a tab in the following ways: - To disable a tab, but keep it perceivable to assistive technology users, use the `isAriaDisabled` property. If a disabled tab has a tooltip, use this property instead of `isDisabled`. - To add a tooltip to an aria-disabled tab, use the `tooltip` property. -Most tab variations can either be 'default' or 'boxed': +Tabs can either be styled as 'default' or 'boxed': - Default tabs do not have any borders and use a bottom line to distinguish between a selected tab, a hovered tab, and an inactive tab. - Boxed tabs are outlined to emphasize the area that a tab spans. To preview boxed tabs in the following examples, select the 'isBox' checkbox, which sets the `isBox` property to true. @@ -207,8 +207,6 @@ The tab its content should only be mounted when the tab is visible. To enable closeable tabs, pass the `onClose` property to the `` component. To enable a button that adds new tabs, pass the `onAdd` property to ``. -Aria labels may be controlled manually by passing the `closeButtonAriaLabel` property to a `` and the `addButtonAriaLabel` property to ``. - ```ts file="./TabsDynamic.tsx" ``` From 0a0e9c4d8841f9b81523108f9b0746279ad3e318 Mon Sep 17 00:00:00 2001 From: Erin Donehoo <105813956+edonehoo@users.noreply.github.com> Date: Tue, 12 Sep 2023 10:47:23 -0400 Subject: [PATCH 2/2] Update packages/react-core/src/components/Tabs/examples/Tabs.md --- packages/react-core/src/components/Tabs/examples/Tabs.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-core/src/components/Tabs/examples/Tabs.md b/packages/react-core/src/components/Tabs/examples/Tabs.md index 83c79810c69..cf519f60f5b 100644 --- a/packages/react-core/src/components/Tabs/examples/Tabs.md +++ b/packages/react-core/src/components/Tabs/examples/Tabs.md @@ -28,7 +28,7 @@ You can adjust a tab in the following ways: - To disable a tab, but keep it perceivable to assistive technology users, use the `isAriaDisabled` property. If a disabled tab has a tooltip, use this property instead of `isDisabled`. - To add a tooltip to an aria-disabled tab, use the `tooltip` property. -Tabs can either be styled as 'default' or 'boxed': +Tabs can be styled as 'default' or 'boxed': - Default tabs do not have any borders and use a bottom line to distinguish between a selected tab, a hovered tab, and an inactive tab. - Boxed tabs are outlined to emphasize the area that a tab spans. To preview boxed tabs in the following examples, select the 'isBox' checkbox, which sets the `isBox` property to true.