Tab component documentation lacks of state examples
Open
Beginner friendly
Nobody has claimed this yet.
design system
- Dominant language
- AsciiDoc
- Stars
- 38
- Forks
- 225
- Avg merge
- 1d 4h
- Merged PRs (30d)
- 170
Description
Tabs component has a section called States which does not have a good example of how a tab is selected
This is the example from the documentation.
<vaadin-tabs>
<vaadin-tab>Selected</vaadin-tab>
<vaadin-tab>Unselected</vaadin-tab>
<vaadin-tab disabled>Disabled</vaadin-tab>
</vaadin-tabs>
It is not clear how to make a tab selected by looking at any examples in the page. It is not clear how to set a tab selected <vaadin-tabs selected=${1}> or <vaadin-tab ?selected=${true}>
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start at the Tabs component documentation and inspect the States section and its current TypeScript example. Add clear examples showing how to set the selected tab state, then verify that the documentation makes both selected and unselected states understandable.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- documentation
- Issue type
- Documentation
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 75/100