ContainedTabs Secondary Label: Update website docs

[tay1orjones]

With the secondary label now available via a prop #13366, the docs page on the website needs updated

There may be other content that needs updated as well.

[kingtraceyj]

@tay1orjones working on the content currently for this and i noticed that our notification as well as the docs content use the term line tabs but the storybook is using the term default for line tabs. is there a discrepancy there?

[tay1orjones]

Hey sorry for the delay - I'll put my half of our slack conversation in here for posterity!

Yeah secondary labels and icons are available as props and no longer require manually composing components together. We can remove that language from the website.

For the line tabs question - there’s no explicit “line tabs” mode in the code. It’s just the default state of TabList. Contained tabs are configured via the contained prop, that can be true or false/omitted

We’re also going to revisit the concept of “default” stories in the storybook once we’ve updated to storybook v7. #13225

It’s similar to the situation with ProgressBar, it’s “indeterminate” by default and then becomes “determinate” when you provide it a value prop.

<ProgressBar label="Progress bar label" /> // indeterminate
<ProgressBar label="Progress bar label" value={75} /> // determinate at 75%

Here’s how that looks in the storybook right now with “default” - link

After working with @aubrey-oneal on the variant exploration stuff, here’s how we’d like it to look (this was from a WIP PR we had to close without merging due to the storybook v7 upgrade) - link