Requisito: completa Instalación y carga los estilos de Core. Pulsa el botón: neuClick ejecuta el handler, la aplicación actualiza clicks y el output anuncia el contador. Abre Código para copiar el componente exacto, incluido Restablecer y su resultado.
El input language solo localiza este ejemplo bilingüe; no es un requisito de configuración de Neural. Omítelo para utilizar las etiquetas en inglés por defecto.
Guarda el Código como src/app/first-button.example.ts. Este componente raíz lo importa y renderiza su selector. Conserva el bootstrap main.ts generado y los estilos globales de Instalación. La aplicación arranca en app-root y muestra el ejemplo dentro.
src/app/app.ts
import { Component } from '@angular/core';
import { FirstButtonExample } from './first-button.example';
@Component({
selector: 'app-root',
imports: [FirstButtonExample],
template: '<app-first-button />',
})
export class App {}
NeuButtonComponent permite usar button[neu-button]. neuClick es un output que entrega un MouseEvent, no un input. clicks es el estado de aplicación guardado en un signal. Button bloquea la activación con disabled o loading; no almacena el resultado de tu acción.
Utiliza type="button" cuando la acción no deba enviar un formulario. Importa los componentes por sus entrypoints públicos; no necesitas importar el catálogo entero.
Inicio combina Input, Checkbox y Button con estado de aplicación. Esta receta completa añade tareas, registra la prioridad, vacía la lista y anuncia el resultado. Copia el componente, impórtalo en tu componente raíz y renderiza app-task-list. No requiere configuración global de Neural.
Utiliza Signal Forms para valores editables y validación. Utiliza Temas para ajustes visuales globales y Tokens para cambios locales. El catálogo te ayuda a elegir el siguiente componente según la tarea.
