feat(packages): update menu group labels (#1643)

This commit is contained in:
Sam Potts
2026-06-02 20:26:19 +10:00
committed by GitHub
parent 2f5e23e100
commit c5f75166fd
31 changed files with 449 additions and 128 deletions
@@ -124,7 +124,7 @@ function PlaybackRateMenuItems(): ReactNode {
const { options, setValue, value } = usePlaybackRateMenu();
return (
<Menu.RadioGroup className={menu.group} value={value} onValueChange={setValue} label="Playback rate">
<Menu.RadioGroup className={menu.group} value={value} onValueChange={setValue} aria-label="Playback rate">
{options.map((option) => (
<Menu.RadioItem key={option.value} className={menu.item} value={option.value} disabled={option.disabled}>
<span>{option.label}</span>
@@ -73,7 +73,7 @@ function PlaybackRateMenuItems(): ReactNode {
const { options, setValue, value } = usePlaybackRateMenu();
return (
<Menu.RadioGroup className="media-menu__group" value={value} onValueChange={setValue} label="Playback rate">
<Menu.RadioGroup className="media-menu__group" value={value} onValueChange={setValue} aria-label="Playback rate">
{options.map((option) => (
<Menu.RadioItem key={option.value} className="media-menu__item" value={option.value} disabled={option.disabled}>
<span>{option.label}</span>
@@ -126,7 +126,7 @@ function PlaybackRateMenuItems(): ReactNode {
const { options, setValue, value } = usePlaybackRateMenu();
return (
<Menu.RadioGroup className={menu.group} value={value} onValueChange={setValue} label="Playback rate">
<Menu.RadioGroup className={menu.group} value={value} onValueChange={setValue} aria-label="Playback rate">
{options.map((option) => (
<Menu.RadioItem key={option.value} className={menu.item} value={option.value} disabled={option.disabled}>
<span>{option.label}</span>
+1 -1
View File
@@ -73,7 +73,7 @@ function PlaybackRateMenuItems(): ReactNode {
const { options, setValue, value } = usePlaybackRateMenu();
return (
<Menu.RadioGroup className="media-menu__group" value={value} onValueChange={setValue} label="Playback rate">
<Menu.RadioGroup className="media-menu__group" value={value} onValueChange={setValue} aria-label="Playback rate">
{options.map((option) => (
<Menu.RadioItem key={option.value} className="media-menu__item" value={option.value} disabled={option.disabled}>
<span>{option.label}</span>
@@ -161,7 +161,7 @@ function PlaybackRateMenuItems(): ReactNode {
const { options, setValue, value } = usePlaybackRateMenu();
return (
<Menu.RadioGroup className={menu.group} value={value} onValueChange={setValue} label="Playback rate">
<Menu.RadioGroup className={menu.group} value={value} onValueChange={setValue} aria-label="Playback rate">
{options.map((option) => (
<Menu.RadioItem key={option.value} className={menu.item} value={option.value} disabled={option.disabled}>
<span>{option.label}</span>
@@ -102,7 +102,7 @@ function PlaybackRateMenuItems(): ReactNode {
const { options, setValue, value } = usePlaybackRateMenu();
return (
<Menu.RadioGroup className="media-menu__group" value={value} onValueChange={setValue} label="Playback rate">
<Menu.RadioGroup className="media-menu__group" value={value} onValueChange={setValue} aria-label="Playback rate">
{options.map((option) => (
<Menu.RadioItem key={option.value} className="media-menu__item" value={option.value} disabled={option.disabled}>
<span>{option.label}</span>
@@ -161,7 +161,7 @@ function PlaybackRateMenuItems(): ReactNode {
const { options, setValue, value } = usePlaybackRateMenu();
return (
<Menu.RadioGroup className={menu.group} value={value} onValueChange={setValue} label="Playback rate">
<Menu.RadioGroup className={menu.group} value={value} onValueChange={setValue} aria-label="Playback rate">
{options.map((option) => (
<Menu.RadioItem key={option.value} className={menu.item} value={option.value} disabled={option.disabled}>
<span>{option.label}</span>
+1 -1
View File
@@ -102,7 +102,7 @@ function PlaybackRateMenuItems(): ReactNode {
const { options, setValue, value } = usePlaybackRateMenu();
return (
<Menu.RadioGroup className="media-menu__group" value={value} onValueChange={setValue} label="Playback rate">
<Menu.RadioGroup className="media-menu__group" value={value} onValueChange={setValue} aria-label="Playback rate">
{options.map((option) => (
<Menu.RadioItem key={option.value} className="media-menu__item" value={option.value} disabled={option.disabled}>
<span>{option.label}</span>