Navegar componentes

FieldLabel

MiscExemplo

Componente de label standalone com indicadores optional/required e suporte a tooltip.

Importação

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

Exemplos

Área interativa

isLabelHidden

isRequired

isOptional

Nome completo

Código

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

<FieldLabel
  label="Nome completo"
  inputID="demo-field-label"
  isLabelHidden={false}
  isRequired={false}
  isOptional={false}
 />

Props

Prop	Tipo	Padrão	Descrição
`label` *	`string`	—	Texto do label.
`inputID` *	`string`	—	ID do input para o qual este label se destina.
`isLabelHidden`	`boolean`	`false`	Oculta visualmente o label.
`isDisabled`	`boolean`	`false`	Se o input associado está desabilitado.
`isOptional`	`boolean`	`false`	Exibe indicador "Optional".
`isRequired`	`boolean`	`false`	Exibe indicador "Required".
`labelIcon`	`IconType`	—	Ícone antes do texto do label. Veja `pharos docs icons` para nomes semânticos válidos.
`labelTooltip`	`string`	—	Texto de tooltip para ícone de info no final do label.

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