Tokens de diseño

Cambia los radios en un ámbito

--neu-radius es un token compartido de fundamentos. Compara los bordes rectos con un radio de 6px en Input y Button de tamaño medio. Solo los descendientes de cada ámbito CSS reciben su cambio. Otros tamaños pueden consumir otro token de radio.

Utiliza tu propio prefijo para las variables de layout de aplicación; los tokens públicos --neu-* personalizan componentes Neural.

Aplica un cambio global

Coloca el cambio en :root después del import SCSS de Core, en styles.scss. Afecta a los descendientes que consumen --neu-radius salvo que una declaración más específica lo sustituya. Un token compartido tiene más alcance que un componente concreto.

@use '@neural-ui/core/styles' as *;

:root {
  --neu-radius: 6px;
}

Personaliza el fondo de Button

El Button coloreado del primer ejemplo aplica cuatro tokens públicos de Button: fondo, texto, borde y fondo de hover. Se aplican al tratamiento solid de tono brand; no presupongas que cambian todas las variantes.

La expresión de fondo recurre al color semántico solid si falta un valor de componente usable. Una vez que el token tiene valor, cambiar su fallback semántico no lo sustituye. Define una pareja válida de texto y hover, no solo el fondo.

/* Fragment: local styles for a solid brand Button. */
.custom-action {
  --neu-button-background: #175d95;
  --neu-button-foreground: #ffffff;
  --neu-button-border: #175d95;
  --neu-button-background-hover: #124c7d;
}

Entiende el valor efectivo

Los tokens de fundamentos describen escalas compartidas, como espaciado y radios. Los semánticos describen roles, como texto, superficie o color primario. Los de componente concretan un rol para un control.

El valor CSS final depende de modo, preset, ámbito, especificidad y resolución de fallbacks var(). La referencia muestra un valor declarado, no un valor calculado universal. Un valor var(--neu-surface) cambia cuando cambia la superficie heredada.

Todos los tokens públicos

Busca por token, propietario o descripción. La tabla permite acceder a todos los tokens públicos del paquete instalado: al inicio muestra 40 filas y Mostrar todos revela el resto e indica el total actual. Los resultados filtrados no están limitados.

El origen indica dónde se declara el valor. Fallback muestra los tokens referenciados; Consumido por identifica consumidores registrados, no garantiza que todos sus estados visuales usen el token. No se incluyen tokens privados.