Remove redundant examples in subcomponents #1041
Description
Some subcomponents have examples that feel very forced and probably make it more confusing to use. For example, it doesn't make sense to have a full blown tab group + tabs + tab panels example for <wa-tab>.
I think most of the ones we have today could go without the examples, but I'm open to keeping specific examples if they make sense, e.g. showing a variant or appearance that can be demonstrated in an obvious way. (The current examples are largely copy/paste and the subcomponents get lost in them.)
This may sound like a lot, but the work is actually simple: remove redundant examples and add a line of text, e.g.:
This component must be used as a child of
<wa-dropdown>. Please see the Dropdown docs to see examples of this component in action.
Preview
Instead of showing an entire dropdown example to showcase dropdown items. Note how the API tables appear below.
TODO
- Breadcrumb item
- Carousel item
- Dropdown item (coming soon)
- Radio
- Option
- Tab (no examples; just align the text with others)
- Tab panel
- Tree item