docs: Change "Hoisted Model" Tabs story to use render props pattern for tab items

Open Beginner friendly
#4,137 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
68/100
Issue type
Documentation
Clarity
Mostly clear
Activity status
Quiet
Tech stack
storybook, typescript
Domain
documentation, frontend

Research direction

Find the Tabs and preview Tabs Storybook stories containing the “hoisted model” examples. Read how their tab items are currently defined, then update both examples to demonstrate the render props pattern and verify the stories still render correctly in Storybook.

Written by the indexing model from the issue text.

Description

🧹 Docs

Change Tabs and preview Tabs hoisted model example to use render props for the tab items, so that we have an example of that pattern in Storybook.

Dominant language
TypeScript
Stars
363
Forks
263
Avg merge
5d 4h
Merged PRs (30d)
11

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from Workday/canvas-kit

All issues in Workday/canvas-kit

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.