Skip to content

Commit

Permalink
Update usage.mdx
Browse files Browse the repository at this point in the history
Updating docs to reflect the new additions to the tab component.
• Updated v11 notification—took out part about composable component API now that we have props available
• Removed caption under Anatomy of line tabs image
• Removed cation under Anatomy of contained tabs image
• Removed caption under Tabs with icon image
• Removed cation under Secondary labels image

Closes carbon-design-system/carbon#13389
  • Loading branch information
kingtraceyj authored May 9, 2023
1 parent 6a0cfcc commit 8eee497
Showing 1 changed file with 1 addition and 14 deletions.
15 changes: 1 addition & 14 deletions src/pages/components/tabs/usage.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -18,11 +18,7 @@ between groups of information that appear within the same context.
<InlineNotification>

**v11 update:** The tab component variant names have changed. Default tabs has
become _Line tabs_ and Container tabs has become _Contained tabs_. The tabs
component has also been refactored and now includes a composable component API
which allows for additional style modifications like icons in tabs and secondary
labels. For v10 implementation guidance, go to
[v10 Tabs](https://v10.carbondesignsystem.com/components/tabs/usage/).
become _Line tabs_ and Container tabs has become _Contained tabs_. The updated tabs component has new modifiers that allow for icons and secondary labels. For v10 implementation guidance, go to[v10 Tabs](https://v10.carbondesignsystem.com/components/tabs/usage/).

</InlineNotification>

Expand Down Expand Up @@ -172,7 +168,6 @@ are always at least two tabs and one is selected by default. Icons are optional.

</Column>
</Row>
<Caption>Note: The close icon button pattern is not a configurable prop, it is instead enabled through the composable component API. This requires additional styling and configuration.</Caption>

<Row>
<Column colSm={2} colMd={4} colLg={4}>
Expand Down Expand Up @@ -204,7 +199,6 @@ B. Indicator <br /> C. Icon

</Column>
</Row>
<Caption>Note: The optional secondary label and icon patterns are not configurable props, but are instead enabled through the composable component API. This requires additional styling and configuration.</Caption>

<Row>
<Column colSm={2} colMd={4} colLg={4}>
Expand Down Expand Up @@ -424,12 +418,6 @@ label.
</Column>
</Row>

<Caption>
Note: Tabs with an icon is an example of a pattern. It is not currently
implemented by default in the component, it is instead enabled through the
composable component API. This requires additional styling and configuration.
</Caption>

### Icon-only tabs

You may use icon-only tabs with both line and contained tabs. Icons must be
Expand Down Expand Up @@ -457,7 +445,6 @@ secondary labels with line tabs or auto-width contained tabs.

</Column>
</Row>
<Caption>Note: The secondary label is an example of a pattern. It is not currently implemented in the component.</Caption>

## Related

Expand Down

0 comments on commit 8eee497

Please sign in to comment.