[WIP] Can you create a gist and link it to @github/primer/issues/5754 # Storybook Improvements for Primer React ## Current Issues ### General Questions: - What's the difference between example and feature storybooks - Why don't we use storybook interaction...

[Copilot]

Thanks for asking me to work on this. I will get started on it and keep this PR's description up to date as I form a plan and make progress.

Original description:

Can you create a gist and link it to @github/primer/issues/5754

Storybook Improvements for Primer React

Current Issues

General Questions:

• What's the difference between example and feature storybooks
• Why don't we use storybook interactions

Components needing Storybook improvements:

• ActionList
  • Default story is too simple. What's its purpose?
  • Why are there four playgrounds. Can we consolidate?
  • Inactive multi select can have more than two
  • Loading item doesn't have any loading happening in it
  • MultiSelect story has inactive also
  • What is variant full?
  • Simple list and single divider are same story
  • With custom trailing visual could have smaller width
  • With trailing action has a feature flag
• ActionMenu
• Alert
• AnchoredOverlay
• Avatar
• AvatarPair
• AvatarStack
• Badge
• Box
• BranchName
• Breadcrumb
• Button
• ButtonGroup
• CheckboxGroup
• CircleBadge
• CircleOcticon
• CounterLabel
• DataTable
• Dialog
• Dropdown
• Flash
• FormControl
• Header
• Heading
• IconButton
• Label
• LabelGroup
• Link
• MarkdownViewer
• Menu
• NavList
• Octicon
• Overlay
• PageLayout
• Pagehead
• Pagination
• PointerBox
• Popover
• ProgressBar
• Radio
• RadioGroup
• RelativeTime
• ScrollableRegion
• SearchInput
• Select
• SelectPanel
• SideNav
• Spinner
• SplitPageLayout
• StateLabel
• StyledOcticon
• SubNav
• TabNav
• Text
• TextInput
• TextInputWithTokens
• Timeline
• Token
• Tooltip
• TreeView
• Truncate

Components with good Storybook implementation:

Proposed Solutions

Batch 1

Batch 2

Batch 3

Batch 4

Implementation Plan

• Batch 1
• Batch 2
• Batch 3
• Batch 4

Success Criteria

Notes

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[changeset-bot]

⚠️ No Changeset found

Latest commit: db8ea6b

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR