ReadOnlyPasswordField

ReadOnlyPasswordField renderiza una contraseña o valor sensible como salida no editable enmascarada (típicamente mostrada como puntos o asteriscos). Se usa en pantallas de detalle y visualización para indicar que un campo de contraseña tiene valor asignado, sin revelar el contenido real.

Props

| Prop | Tipo | Requerido | Por defecto | Descripción | |------|------|-----------|-------------|-------------| | value | string | Sí | — | El valor de la contraseña. La visualización es enmascarada independientemente del contenido. | | label | string | No | — | Etiqueta mostrada encima del campo. | | description | string | No | — | Texto de ayuda mostrado debajo del campo en cursiva. | | containerStyle | React.CSSProperties | No | — | Estilos personalizados para el div contenedor externo. | | valueStyle | React.CSSProperties | No | — | Estilos personalizados para el cuadro de visualización enmascarada. | | labelStyle | React.CSSProperties | No | — | Estilos personalizados para el elemento de etiqueta. | | descriptionStyle | React.CSSProperties | No | — | Estilos personalizados para el texto de descripción. |

Uso

Básico

import ReadOnlyPasswordField from '@/components/read-only-fields/ReadOnlyPasswordField';

<ReadOnlyPasswordField
  label="Contraseña"
  value="secret123"
/>

Con descripción

<ReadOnlyPasswordField
  label="Clave de API"
  value={user.apiKey}
  description="Tu clave de API. Mantenla confidencial."
/>