Playground
Ogni componente UIMS con un form di configurazione live: cambia i valori del blocco e guarda l'anteprima aggiornarsi usando la pipeline reale (resolver → renderer). È il modo più veloce per capire come si usa UIMS: il contenuto è dato, la presentazione è del viewMode.
Eventi & Interazioni →
Un playground diverso: configura le interazioni tra componenti sul bus + guida esaustiva agli eventi.
ViewModes →
Tutti i viewMode a sistema: editane i selettori Tailwind (root + slot) con anteprima live.
Componenti
Text
Testo semplice, stile dal viewMode.
RichText
Contenuto ricco (Lexical) renderizzato.
Button (Action)
Componente Action nelle sue varianti colore.
Avatar
Iniziali di fallback o immagine.
Progress
Barra di avanzamento configurabile.
Separator
Divisore orizzontale o verticale.
Toggle
Bottone a due stati.
ToggleGroup
Selezione tra più opzioni.
ThemeSwitch
Interruttore tema chiaro/scuro.
Card
Contenitore con header, contenuto e footer.
Accordion
Sezioni espandibili.
Tabs
Contenuti a schede.
Collapsible
Blocco a fisarmonica singola.
HoverCard
Popover al passaggio del mouse.
AlertDialog
Dialog di conferma modale.
Slider (Form)
Cursore numerico min/max/step.
Form Contatti
Form completo: nome, email, select, descrizione, privacy.
Badge — componente custom
Un componente React aggiunto dal consumer.
Greeting — resolver custom
Un resolver del consumer che calcola i dati.