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
valuestringO value que este item representa dentro de seu grupo. O value do grupo corresponde a isto para determinar o estado checked.
labelReactNodeTexto do label principal identificando a opção.
descriptionReactNodeTexto 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.
endContentReactNodeConteú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