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

Configuración del proyecto

Ajustes globales opcionales de Core: tipos, valores por defecto y cuándo utilizar cada opción.

Configura solo lo que necesites

No necesitas configuración global de Neural UI para renderizar un componente básico. Utiliza provideNeuralUI cuando necesites formato regional compartido, un reloj inicial o un preset reutilizable de tokens.

Este ejemplo elige un formato regional. No es obligatorio y no traduce las etiquetas. Añade el provider junto al router, HTTP u otros providers existentes, sin sustituirlos.

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

export const appConfig: ApplicationConfig = {
  providers: [provideNeuralUI({ locale: 'en-US' })],
};

Opciones y valores por defecto

Todas las opciones son opcionales. Si las omites se conservan los valores por defecto de la tabla. Un preset registra cambios de tokens; la aplicación sigue eligiendo el modo claro/oscuro. now es una opción avanzada para estados iniciales dependientes del tiempo, no para un ejemplo básico de Button.

Opción
Tipo
Si se omite
Cuándo usarla
localestringLOCALE_ID de Angular; en-US si no está disponible.Formato regional de los componentes que consumen locale.
timeZonestringundefined: sin zona IANA global explícita.Formato horario cuando el componente lo admite. No convierte una fecha civil en un instante.
now() => DateUna función que devuelve new Date().Un reloj inicial compartido para SSR dependiente del tiempo o pruebas.
theme.presetNeuPresetDefinitionTokens por defecto de Core; sin preset personalizado.Una paleta reutilizable de tokens claros/oscuros. La aplicación sigue eligiendo el modo.

Utiliza un preset reutilizable

Define productPreset en product-preset.ts con la receta completa de Temas. Impórtalo aquí y regístralo una sola vez. Esto no activa la hidratación ni registra un resolver de iconos.

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

export const appConfig: ApplicationConfig = {
  providers: [provideNeuralUI({ theme: { preset: productPreset } })],
};

Public Types

Consulta las definiciones de los tipos enlazados en esta página.