Navegar componentes
← Componentes

DropdownMenuRadioItem

MiscExemplo
Uma única opção em um DropdownMenuRadioGroup (role="menuitemradio"). Deve ser usado dentro de um DropdownMenuRadioGroup.
Importação
import {DropdownMenuRadioItem} from '@pharos-ds/core/DropdownMenuRadioItem';

Exemplos

Área interativa

isDisabled
Código
import {DropdownMenuRadioItem} from '@pharos-ds/core/DropdownMenu';

<DropdownMenuRadioItem
  isDisabled={false}
 />

Props

PropTipoPadrãoDescrição
valuestring—O value que este item representa dentro de seu grupo. O value do grupo corresponde a isto para determinar o estado checked.
labelReactNode—Texto do label principal identificando a opção.
descriptionReactNode—Texto de description secundário exibido abaixo do label.
iconIconType—Ícone a exibir antes do label. Veja `npx pharos docs icons` para nomes semânticos válidos.
isDisabledbooleanfalseSe este radio item individual está desabilitado. Itens desabilitados permanecem focáveis (via aria-disabled) para que continuem descobríveis por teclado e tecnologias assistivas, mas a seleção é bloqueada.
endContentReactNode—Conteúdo a renderizar após o label e description, como um badge ou metadados.
Pacote: @pharos-ds/core · Import: @pharos-ds/core/DropdownMenuRadioItem
DropdownMenuRadioItem · Pharos