Skip to main content

FR-02 - Componenti base (wrapper)

Scopo​

Fornire un set di componenti base come wrapper con API coerente e supporto sia PrimeNG che Bootstrap.

Descrizione​

La libreria deve includere wrapper per componenti base, almeno:

  • button (varianti, disabled, loading, icon)
  • input: testo, numero, email, password, telefono, OTP
  • textarea
  • select singolo e multi-valore
  • checkbox, radio button, switch/toggle
  • heading (h1..h6), link, icon
  • date picker, time picker
  • rating, slider
  • speed dial, divider, tooltip
  • file upload
  • image, video
  • badge, tag, avatar
  • progress bar

Ogni componente deve:

  • funzionare con entrambi i provider (FR-01);
  • esporre proprietà/eventi coerenti (naming e comportamento) tra provider;
  • prevedere supporto a accessibilità base (label/aria, focus management dove applicabile).

Acceptance Criteria (Gherkin)​

Feature: FR-02 Componenti base wrapper
  Scenario: API uniforme del Button
    Given il provider è PrimeNG
    When uso il componente Button con proprietà "label" e "disabled"
    Then il bottone è visibile con label e rispetta disabled

  Scenario: Stesso uso con provider Bootstrap
    Given il provider è Bootstrap
    When uso lo stesso componente Button con le stesse proprietà
    Then il bottone ha comportamento equivalente

Dipendenze​

  • FR-01

Impatti​

  • Standardizzazione UI/UX per i progetti consumer.

Requisiti non funzionali correlati​

  • NFR-04, NFR-07

Tracciabilita​

  • Req -> Story: US-02
  • Story -> Test: TST-01

Changelog​

  • 2026-01-08: creazione iniziale