basics

Hola Mundo

Un ejemplo de primitiva enfocado en mostrar el comportamiento principal con un componente pequeno.

Resumen del ejemplo

Este documento prerenderizado muestra Hola Mundo como contenido HTML navegable. La experiencia interactiva se activa despues con el bundle del playground.

Vista previa del codigo

import { PickComponent, PickRender, Reactive } from "pick-components";

@PickRender({
  selector: "hello-example",
  styles: `
    :host {
      display: block;
    }

    p {
      margin: 0;
      color: #2563eb;
      font-size: 1.1rem;
      font-weight: 600;
    }
  `,
  template: `<p>Hola, {{name}}!</p>`,
})
class HelloExample extends PickComponent {
  @Reactive name = "Alguien";
}