Saltar al contenido principal
Neural UIv2.0.0Documentación
Ver v1 GitHub

Internacionalización y RTL

Distingue textos traducidos, formato regional y dirección del texto en tu aplicación.

Tres responsabilidades distintas

Idioma describe los textos traducidos de tu aplicación. Locale configura el formato regional de los componentes que lo consumen. Dirección especifica LTR o RTL. Pueden estar relacionados, pero cambiar uno no configura automáticamente los otros dos.

El selector de idioma de esta documentación no es una API de Core para otra aplicación.

Configura valores regionales opcionales

Utiliza provideNeuralUI para un locale compartido y, cuando proceda, una timeZone IANA. El locale por defecto procede de LOCALE_ID de Angular. Tu aplicación sigue aportando etiquetas y mensajes de validación. Estos ajustes no implican traducción automática universal ni un cambio global reactivo de idioma.

app.config.ts
import { ApplicationConfig } from '@angular/core';
import { provideNeuralUI } from '@neural-ui/core';

export const appConfig: ApplicationConfig = {
  providers: [provideNeuralUI({ locale: 'es-ES', timeZone: 'Europe/Madrid' })],
};

Observa el formato regional de Calendar

Calendar consume el locale global salvo que su input locale lo sustituya. El ejemplo pasa en-US o es-ES explícitamente para comparar mes y días de la semana en esta página bilingüe. selectedDate es un día fijo; la aplicación sigue gobernando la selección. Las etiquetas EN/ES integradas de Calendar pertenecen a Calendar, no a un servicio universal de traducción de Core.

Observa el formato regional de Calendar

Desplaza la cuadrícula del calendario horizontalmente para ver toda la semana. Con teclado, el foco también recorre los días.

enero de 2026

lun
mar
mié
jue
vie
sáb
dom

jueves, 15 de enero

0 eventos

Sin eventos

Fecha seleccionada: 2026-1-15

Aplica dirección a una superficie

Establece dir="rtl" en el documento o superficie que corresponda. En Tabs, las flechas izquierda/derecha mueven el foco según la dirección calculada; Enter o Espacio activa la pestaña enfocada. Prueba el teclado. dir cambia la dirección, no el idioma de las etiquetas. Utiliza propiedades CSS lógicas en tu layout.

Aplica dirección a una superficie

Detalles del proyecto

Alinea los ajustes de servidor y navegador

Proporciona los mismos ajustes regionales y textos iniciales en servidor y navegador. No sustituyas un valor editable silenciosamente al cambiar el idioma visual. Prueba los locales y direcciones que admita tu aplicación, incluido contenido de varios idiomas.