@col/page-states
v1.0.0
npx shadcn add @col/page-states
Vier blokken voor binnen een pagina: laden, leeg, fout, en een vertraagde meldingen voor een koud opstartende database. Geen van de vier heeft een eigen vertaalsysteem — elke tekst komt via props binnen. Voor het volledige 404/500-scherm met logo en groot statusnummer, zie Bekende beperkingen in de documentatie — dat is een ander soort ding en zit hier bewust niet in.
LoadingState — alleen de spinner
LoadingState — met label
Aanbod laden...
EmptyState — kaal (alleen title)
Geen resultaten
EmptyState — icoon, beschrijving en actie
Nog geen producten
Voeg je eerste product toe om ze hier te zien verschijnen.
EmptyState — met hints (floriday's vondst)
Geen aanbodregels gevonden
Periode komende 3 dagen, locatie Naaldwijk en zoekterm "roos".
ErrorState — standaardtekst, geen retry
Something went wrong
ErrorState — eigen tekst en retry
Het aanbod kon niet worden geladen
Er ging iets mis bij het ophalen van de gegevens. Probeer het opnieuw.
ErrorState — icoon in de retry-knop (growerportal2's vorm)
Kon niet laden
WakingUpNotice — verschijnt pas na de vertraging
Zie de documentatie voor alle props.