Navegar componentes

DropdownMenuRadioGroup

MiscExemplo

Grupo de seleção única de itens de menu radio (role="group" de menuitemradio). Possui o valor selecionado e organiza seus itens com o gap entre itens do menu.

Importação

import {DropdownMenuRadioGroup} from '@pharos-ds/core/DropdownMenuRadioGroup';

Exemplos

Área interativa

hasCloseOnSelect

Mais recentes

Nome (A–Z)

Código

import {DropdownMenuRadioGroup} from '@pharos-ds/core/DropdownMenu';

<DropdownMenuRadioGroup
  hasCloseOnSelect
 />

Props

Prop	Tipo	Padrão	Descrição
`value`	`string \| undefined`	—	O valor atualmente selecionado no grupo. Passe undefined quando nada estiver selecionado ainda.
`onChange`	`(value: string) => void`	—	Callback disparado quando o valor selecionado muda.
`aria-label`	`string`	—	Rótulo acessível do grupo. Obrigatório (ou aria-labelledby) para que leitores de tela anunciem os radios como um conjunto nomeado, ex.: "Sort by".
`aria-labelledby`	`string`	—	O id de um elemento que rotula o grupo, como alternativa a aria-label.
`hasCloseOnSelect`	`boolean`	`true`	Se selecionar um valor fecha o menu. Itens radio fecham por padrão na seleção (commit de escolha única).
`children`	`ReactNode`	—	Os DropdownMenuRadioItems que compõem o grupo.

Pacote: @pharos-ds/core · Import: @pharos-ds/core/DropdownMenuRadioGroup