Open-sourceproject
Mijn UI-kit uit 2023
Open-source UI-kit uit 2023, gebruikt in echte projecten. Bekijk gelokaliseerde demo's voor formulieren, knoppen, tabellen, grafieken, kalenders, navigatie en bestandsuploads.
Gebouwd voor echt productwerk
Dit is de originele frontend-kit die ik in echte projecten gebruikte voordat ik hem naar JSVar verplaatste. Hij bevat formulieren, knoppen, modals, tabellen, grafieken, kalenders, navigatie en uploadpatronen.
Invoervelden
Tekst-, tekstgebied-, telefoon-, e-mail- en wachtwoordvelden met validatie.
Knoppen
Primaire, secundaire, compacte, uitgeschakelde en aangepaste acties.
Selectievelden
Enkele en meervoudige selectie voor gewone waarden en objectarrays.
Laden
Laadstatus blokkeren voor asynchrone acties.
Accordeon
Uitbreidbaar inhoudsblok met één-open-per-keer-gedrag.
Berichten
Succes- en foutmeldingen met een bevestigingsactie.
Modaal
Bevestigingsdialoog met duidelijke acceptatie- en annuleringsstromen.
Paginering
Bewerkbare pagina-invoer met begrensde vorige en volgende bedieningselementen.
Schakelaar
Compacte Booleaanse besturing voor eenvoudige productinstellingen.
Pop-uppaneel
Pop-uppaneel voor secundaire details en contextueel lezen.
Talen
Demo voor de taalkiezer gebouwd rond JSVar's metagegevens met 21 landinstellingen.
Tafels
Basistabellen, rijdetails en dichtheids-heatmaps.
Grafieken
Gestapelde, gegroepeerde, gemengde, lijn-, vlak- en cirkeldiagramdemo's.
Kalenders
Gelokaliseerde datumselectie voor gepaarde start- en eindwaarden.
Bestandsdrop
Bestandsdoel slepen en neerzetten met een bijpassende uploadactie.
Navigatie
Sectienavigatie in de module vanuit hetzelfde sectiemodel.
Stomp
Beschermende overlay voor onvoltooide of viewport-beperkte staten.
Etalage
Onderdeel speeltuin
Gebruik de zijbalk om door elke componentfamilie te bladeren en het geporteerde gedrag te testen.
Huidige sectie
01/17Invoervelden
Tekst-, tekstgebied-, telefoon-, e-mail- en wachtwoordvelden met validatie.
Huidige sectie
Invoervelden
Tekst-, tekstgebied-, telefoon-, e-mail- en wachtwoordvelden met validatie.
Tekens: 0/1000
Standaard veld
Dit veld bevat een ongeldige waarde.
Gecontroleerd op onscherpte
Met domeinsuggesties
10+ tekens, gemengde hoofdletters, cijfers, symbool