/v1.0

ReadOnlyCheckboxField

ReadOnlyCheckboxField renderiza un valor booleano como salida no editable. Es el equivalente de solo lectura de un input checkbox, indicando si una opción está marcada o desmarcada en pantallas de detalle y visualización.

Props

| Prop | Tipo | Requerido | Por defecto | Descripción | |------|------|-----------|-------------|-------------| | value | boolean | Sí | — | El estado booleano a mostrar. | | label | string | No | — | Etiqueta mostrada junto o 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. | | 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 ReadOnlyCheckboxField from '@/components/read-only-fields/ReadOnlyCheckboxField';

<ReadOnlyCheckboxField
  label="Acepta términos"
  value={true}
/>

Estado desmarcado

<ReadOnlyCheckboxField
  label="Suscripción al boletín"
  value={false}
  description="Si el usuario optó por recibir boletines informativos."
/>