Skip to content

ActionList: Add tooltipDirection prop to ActionList.TrailingAction#7994

Open
TylerJDev wants to merge 2 commits into
mainfrom
tylerjdev/trailing-action-tooltip-direction
Open

ActionList: Add tooltipDirection prop to ActionList.TrailingAction#7994
TylerJDev wants to merge 2 commits into
mainfrom
tylerjdev/trailing-action-tooltip-direction

Conversation

@TylerJDev

@TylerJDev TylerJDev commented Jun 15, 2026

Copy link
Copy Markdown
Member

Closes https://github.com/github/primer/issues/6746

Adds a new tooltipDirection prop to ActionList.TrailingAction, allowing consumers to control the direction of the tooltip shown when hovering over the trailing action.

Changelog

New

  • Added a tooltipDirection prop to ActionList.TrailingAction (defaults to 'w'), forwarded to the underlying IconButton's tooltipDirection.

Removed

Rollout strategy

  • Patch release
  • Minor release
  • Major release; if selected, include a written rollout or migration plan
  • None; if selected, include a brief description as to why

Merge checklist

@changeset-bot

changeset-bot Bot commented Jun 15, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 1026d40

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@primer/react Minor

Not sure what this means? Click here to learn what changesets are.

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

@github-actions github-actions Bot added staff Author is a staff member integration-tests: recommended This change needs to be tested for breaking changes. See https://arc.net/l/quote/tdmpakpm labels Jun 15, 2026
@github-actions

Copy link
Copy Markdown
Contributor

⚠️ Action required

👋 Hi, this pull request contains changes to the source code that github/github-ui depends on. If you are GitHub staff, test these changes with github/github-ui using the integration workflow. Check the integration testing docs for step-by-step instructions. Or, apply the integration-tests: skipped manually label to skip these checks.

To publish a canary release for integration testing, apply the Canary Release label to this PR.

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR introduces a new tooltipDirection prop on ActionList.TrailingAction so consumers can control the tooltip placement (defaulting to 'w'), and records the API addition via docs and a changeset.

Changes:

  • Added tooltipDirection to ActionList.TrailingAction props and forwarded it to the underlying IconButton.
  • Updated ActionList docs metadata to document the new prop.
  • Added a minor changeset for the new public API surface.
Show a summary per file
File Description
packages/react/src/ActionList/TrailingAction.tsx Adds tooltipDirection prop (default 'w') and forwards it to IconButton.
packages/react/src/ActionList/ActionList.docs.json Documents the new tooltipDirection prop for ActionList.TrailingAction.
.changeset/late-sides-lead.md Declares a minor release for the new prop addition.

Copilot's findings

  • Files reviewed: 3/3 changed files
  • Comments generated: 3

{
"name": "tooltipDirection",
"type": "'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w' | 'nw'",
"defaultValue": "'n'",
Comment on lines 26 to +30
icon?: React.ElementType
label: string
className?: string
style?: React.CSSProperties
}
} & Pick<IconButtonProps, 'tooltipDirection'>
Comment on lines 44 to 50
<IconButton
as={as}
aria-label={label}
icon={icon}
variant="invisible"
tooltipDirection="w"
tooltipDirection={tooltipDirection}
href={href}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

integration-tests: recommended This change needs to be tested for breaking changes. See https://arc.net/l/quote/tdmpakpm integration-tests: skipped manually Changes in this PR do not require an integration test staff Author is a staff member

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants