ReadOnlyTextField

ReadOnlyTextField renderiza un valor de texto plano como salida no editable. Está destinado a pantallas de detalle y visualizacion donde el contenido de un campo debe presentarse de forma consistente sin permitir la entrada del usuario.

Props

| Prop | Tipo | Requerido | Por defecto | Descripción | |------|------|-----------|-------------|-------------| | value | string | Sí | — | El valor de texto a mostrar. | | label | string | No | — | Etiqueta mostrada encima del valor. | | description | string | No | — | Texto de ayuda mostrado debajo del valor en cursiva. | | placeholder | string | No | — | Aceptado pero no renderizado (reservado para consistencia de API). | | containerStyle | React.CSSProperties | No | — | Estilos personalizados para el div contenedor externo. | | valueStyle | React.CSSProperties | No | — | Estilos personalizados para el cuadro de visualización del valor. | | 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 ReadOnlyTextField from '@/components/read-only-fields/ReadOnlyTextField';

<ReadOnlyTextField
  label="Nombre completo"
  value="Jane Doe"
/>

Con descripción

<ReadOnlyTextField
  label="Email"
  value="jane@example.com"
  description="Correo electrónico de contacto registrado en la cuenta."
/>

Estilos personalizados

<ReadOnlyTextField
  label="Estado"
  value="Activo"
  valueStyle={{ fontWeight: 700, color: '#2e7d32' }}
/>