Navegar componentes

SegmentedControlItem

MiscExemplo

Item de segmento individual renderizado como radio button dentro do segmented control.

Importação

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

Exemplos

Ocultar rótulo (Beta)

Desabilitar Gamma

Código

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

<SegmentedControlItem
  isLabelHidden={false}
  isDisabled={false}
 />

Prop	Tipo	Padrão	Descrição
`value` *	`string`	—	Value único para este segmento, correspondido contra o value pai.
`label` *	`string`	—	Label acessível para este segmento. Renderizado como texto visível a menos que isLabelHidden seja true.
`isLabelHidden`	`boolean`	`false`	Se o label está visualmente oculto. Quando true, apenas o ícone é exibido e label é usado como aria-label.
`icon`	`ReactNode`	—	Elemento de ícone exibido antes do label.
`isDisabled`	`boolean`	`false`	Se este item individual está desabilitado.

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