Progetto open source
Il mio UI kit del 2023
UI kit open source creato nel 2023 e usato in progetti reali. Esplora demo localizzate per form, pulsanti, tabelle, grafici, calendari, navigazione e upload di file.
Creato per prodotti reali
È il kit frontend originale che ho usato in progetti reali prima di portarlo dentro JSVar. Include form, pulsanti, modali, tabelle, grafici, calendari, navigazione e pattern di upload file.
Campi di input
Campi testo, textarea, telefono, email e password con convalida.
Pulsanti
Azioni primarie, secondarie, compatte, disabilitate e con stile personalizzato.
Campi di selezione
Selezione singola e multipla per valori semplici e array di oggetti.
Caricamento in corso
Blocco dello stato di caricamento per azioni asincrone.
Fisarmonica
Blocco di contenuto espandibile con comportamento di apertura una alla volta.
Messaggi
Messaggi di successo ed errore con un'azione di conferma.
Modale
Finestra di dialogo di conferma con chiari flussi di accettazione e annullamento.
Impaginazione
Input di pagina modificabile con controlli precedente e successivo delimitati.
Interruttore
Controllo booleano compatto per semplici impostazioni del prodotto.
Pannello popup
Pannello popup per dettagli secondari e lettura contestuale.
Lingue
Demo del selettore di lingua costruito attorno ai metadati di 21 impostazioni locali di JSVar.
Tabelle
Tabelle di base, dettagli delle righe e mappe termiche di densità.
Grafici
Demo di grafici in pila, raggruppati, misti, a linee, ad area e a torta.
Calendari
Selezione della data localizzata per valori iniziali e finali accoppiati.
Drop file
Trascina e rilascia la destinazione del file con un'azione di caricamento corrispondente.
Navigazione
Navigazione delle sezioni all'interno del modulo dallo stesso modello di sezione.
Tronchetto
Sovrapposizione protettiva per stati incompleti o con viewport limitato.
Vetrina
Parco giochi componente
Utilizza la barra laterale per sfogliare ogni famiglia di componenti e testare il comportamento del porting.
Sezione attuale
01/17Campi di input
Campi testo, textarea, telefono, email e password con convalida.
Sezione attuale
Campi di input
Campi testo, textarea, telefono, email e password con convalida.
Caratteri: 0/1000
Campo standard
Questo campo contiene un valore non valido.
Controllato sulla sfocatura
Con suggerimenti di dominio
Più di 10 caratteri, maiuscole e minuscole, numeri, simboli