Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Docs -- tabs extended v2 #1702

Merged
merged 25 commits into from
Nov 7, 2023
Merged
Changes from 1 commit
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
301fe3a
decription, organization update
RichKummer Oct 12, 2023
0178916
Overview link and mobile image
RichKummer Oct 17, 2023
550c567
Notification
RichKummer Oct 17, 2023
a8c8973
label length info
RichKummer Oct 17, 2023
4a3d0a3
in-line move
RichKummer Oct 17, 2023
0de2a83
Shift content
RichKummer Oct 17, 2023
246bd37
Overview images
RichKummer Oct 17, 2023
4bc1ccd
content guidance
RichKummer Oct 17, 2023
456f98d
reformat page, tabs extended media images
RichKummer Oct 17, 2023
0740bd8
overflow images
RichKummer Oct 17, 2023
2b2b35b
Merge branch 'feat/dotcom-v2' into Docs--tabs-extended
RichKummer Oct 17, 2023
7067c2c
language
RichKummer Oct 19, 2023
87868a5
Merge branch 'feat/dotcom-v2' into Docs--tabs-extended
RichKummer Oct 20, 2023
cb08089
Update src/pages/components/tabs-extended.mdx
RichKummer Nov 1, 2023
ce305be
Update src/pages/components/tabs-extended.mdx
RichKummer Nov 1, 2023
6721984
Update src/pages/components/tabs-extended.mdx
RichKummer Nov 1, 2023
ce54772
12-col img update
RichKummer Nov 1, 2023
36c77db
Merge branch 'Docs--tabs-extended' of https://github.com/carbon-desig…
RichKummer Nov 1, 2023
dd7e7c5
8-col test
RichKummer Nov 2, 2023
2c7118c
Merge branch 'feat/dotcom-v2' into Docs--tabs-extended
RichKummer Nov 2, 2023
c587b14
border update
RichKummer Nov 2, 2023
880a0fc
remove with media images
RichKummer Nov 2, 2023
98dd8b9
Update src/pages/components/tabs-extended.mdx
kennylam Nov 6, 2023
512abfb
Update src/data/components.json
kennylam Nov 6, 2023
4ee5730
Merge branch 'feat/dotcom-v2' into Docs--tabs-extended
RichKummer Nov 6, 2023
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Overview link and mobile image
  • Loading branch information
RichKummer committed Oct 17, 2023
commit 017891674f16da64bc8e8562478fa210a11b85f5
16 changes: 2 additions & 14 deletions src/pages/components/tabs-extended.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -22,9 +22,9 @@ import ResourceLinks from 'components/ResourceLinks';

## Overview

Tabs are useful for displaying parallel pieces of related content. It also has the benefit of reducing the , but should be used carefully because some information is hidden on load.
Tabs are useful for displaying parallel pieces of related content. It also has the benefit of reducing the amount of scrolling the user may have to do on a given page, but should be used carefully because some information is hidden on load.

The Tabs extended component uses the Carbon Design System's [tabs component](https://carbondesignsystem.com/components/tabs/usage/) directly, and includes additional style updates to optimize for editorial content.
The Tabs extended component uses the Carbon Design System's [tabs](https://carbondesignsystem.com/components/tabs/usage/) component directly, and includes additional style updates to optimize for editorial content.

<InlineNotification>

Expand All @@ -42,18 +42,6 @@ The Tabs extended component uses the Carbon Design System's [tabs component](htt
</Column>
</Row>

On mobile, Tabs extended switches to an accordion for easier browsing.

<Row>
<Column colMd={6} colLg={4}>

![Image of Tabs extended component on `sm`](../../images/component/tabs-extended/components--tabs-extended-3.png)

<Caption>Example of the tabs extended, on mobile</Caption>

</Column>
</Row>

## Variants

### Tabs extended with media
Expand Down