Saltar al contenido principal

Switch

switch renderiza un switch de MUI para un valor booleano del formulario. Es útil para configuraciones que se activan o desactivan.

{name: 'notifications', label: 'Activar notificaciones', type: 'switch'}

Valor y default​

Un switch siempre usa un boolean. Cuando no se proporciona un valor inicial ni defaultValue, su valor por default es false.

{
  name: 'notifications',
  label: 'Activar notificaciones',
  type: 'switch',
  defaultValue: true,
}

onSubmit recibe el mismo valor booleano:

{notifications: true}

Estado y ayuda​

disabled: true impide la interacción. readOnly: true mantiene visible el valor actual pero impide cambios. Usá helperText para explicar la configuración.

{
  name: 'managed',
  label: 'Administrado por tu organización',
  type: 'switch',
  disabled: true,
  helperText: 'Esta configuración está controlada por una política.',
}

Condiciones y grid​

Los switches usan las mismas condiciones declarativas y grid responsive que los demás fields de datos.

{
  name: 'auditLog',
  label: 'Activar registro de auditoría',
  type: 'switch',
  visibleWhen: {field: 'advanced', operator: 'equals', value: true},
  grid: {xs: 12, md: 6},
}

Consultá Fields para el contrato compartido de fields.

Probar Switch en el Lab