Skip to content

Conversation

@snowystinger
Copy link
Member

Closes

Adds links to our RAC pages for the underlying hooks used to build those components.

Is the mobile experience ok? it's a bit bare.

✅ Pull Request Checklist:

  • Included link to corresponding React Spectrum GitHub Issue.
  • Added/updated unit tests and storybook for this change (for new code or code which already has tests).
  • Filled out test instructions.
  • Updated documentation (if it already exists for this component).
  • Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

🧢 Your Project:

import {InlineAlert, Heading, Content} from '@react-spectrum/s2'

export const tags = ['hint', 'popup', 'info'];
export const relatedPages = [{'title': 'useTooltipTrigger', 'url': 'https://react-spectrum.adobe.com/react-aria/useTooltipTrigger.html'}, {'title': 'useTooltip', 'url': 'https://react-spectrum.adobe.com/react-aria/useTooltip.html'}];
Copy link
Member

Choose a reason for hiding this comment

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

useTooltip doesn't exist, it is part of the useTooltipTrigger page, I'll go and update this

Copy link
Member

@LFDanLu LFDanLu left a comment

Choose a reason for hiding this comment

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

LGTM, IMO the mobile experience is fine, no need to add more content since related pages is just a collection of links, hopefully the link titles are explanatory enough

@rspbot
Copy link

rspbot commented Nov 18, 2025

@rspbot
Copy link

rspbot commented Nov 18, 2025

@rspbot
Copy link

rspbot commented Nov 18, 2025

## API Changes

@react-spectrum/s2

/@react-spectrum/s2:EditableCell

+EditableCell {
+  action?: string | FormHTMLAttributes<HTMLFormElement>['action']
+  align?: 'start' | 'center' | 'end' = 'start'
+  children: ReactNode
+  colSpan?: number
+  id?: Key
+  isSaving?: boolean
+  onCancel?: () => void
+  onSubmit?: (FormEvent<HTMLFormElement>) => void
+  renderEditing: () => ReactNode
+  showDivider?: boolean
+  textValue?: string
+}

Copy link
Member

@reidbarber reidbarber left a comment

Choose a reason for hiding this comment

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

I'm good with it in its current form, but I have two design opinions:

  • Should these be external links? (i.e. have the arrow icon and open in a new tab?)
  • For mobile, should it be a bulleted list?

Copy link
Member

@devongovett devongovett left a comment

Choose a reason for hiding this comment

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

Ok for testing

<H2>Related pages</H2>
<Ul>
<H2 id="related-pages">Related pages</H2>
<Ul className={style({listStyleType: 'none'})}>
Copy link
Member

Choose a reason for hiding this comment

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

why no bullets?

})}>
<H2>Related pages</H2>
<Ul>
<H2 id="related-pages">Related pages</H2>
Copy link
Member

@devongovett devongovett Nov 22, 2025

Choose a reason for hiding this comment

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

why id? I think this should be auto-generated?

@devongovett devongovett added this pull request to the merge queue Nov 22, 2025
Merged via the queue into main with commit 142e82e Nov 22, 2025
32 checks passed
@devongovett devongovett deleted the add-old-hooks-links branch November 22, 2025 01:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants