Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Questa pagina esiste solo per verificare che tutti i componenti MDX renderizzino correttamente — non è una pagina di prodotto.
Cosa fa questa pagina
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Elenco di verifica:
- Titoli
h2eh3con font brand uppercase - Paragrafi con
leading-relaxed - Liste puntate e numerate
- Inline
codee blocchi - Tutti i componenti custom registrati in
mdx-components.tsx
Sotto-titolo di terzo livello
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Elenco numerato:
- Primo elemento lorem ipsum
- Secondo elemento dolor sit amet
- Terzo elemento consectetur adipiscing
Callout — tutte le varianti
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.
Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur.
Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
Step cards numerati
Primo step
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti.
Secondo step
Quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi.
Terzo step
Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id.
Card shadcn
Tabs
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Contenuto del primo tab con testo di esempio per verificare il rendering dei contenuti all'interno di un tab panel.
Badge inline
Esempio di utilizzo inline di default, secondary, outline e destructive all'interno di un paragrafo.
ImageZoom
NotificationRef — cataloga notifiche
Esempio di riferimento a una notifica esistente nel catalogo (NC-A04 → Invito committente):
Esempio di notifica non trovata (deve mostrare messaggio di errore in rosso):
[Notifica NC-XX99 non trovata nel catalogo]Collapsible — FAQ
CrossTargetImpact — le tre varianti
Cosa vede l'altro lato
Lo spedizioniere vede l'effetto nella sua dashboard. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pagina speculare: Demo lato forwarder.
Cosa vede l'altro lato
Il vettore riceve una notifica push e una riga nella lista mandati ricevuti. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Cosa vede l'altro lato
Il committente vede lo stato del carico aggiornarsi in tempo reale sulla sua pagina tracking. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.
Blocco codice
Esempio inline di const foo = "bar" e blocco di codice:
// Esempio di payload API company-scoped
const response = await fetch(`/api/v1/company/${companyId}/vehicles`, {
method: "GET",
headers: { Authorization: `Bearer ${token}` },
});Alert shadcn
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti.
Tabella markdown
| Colonna A | Colonna B | Colonna C |
|---|---|---|
| Lorem | Ipsum | Dolor |
| Sit amet | Consectetur | Adipiscing |
| Elit | Sed do | Eiusmod |
Link inline e citazioni
Riferimento a un altro articolo: Indice documentazione. Link esterno: truckscanner.ai.
Citazione a blocco: At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.
Chiusura
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Se tutti i blocchi sopra renderizzano correttamente, l'impostazione della pagina help è completa.