Bespoke Delivery - Design System
Showcase di tutti i componenti UI disponibili
Buttons
Inputs
Search Bar
Radio Group
Checkbox
Select
Tabs
Contenuto Tab 1
Segmented Control
Badge
Default
Secondary
Success
Error
Warning
Outline
Avatar
UJD
Rating
4.5
Quantity Picker
1
Quantità selezionata: 1Progress Bar
Separator
Testo sopra il separatore
Testo sotto il separatore
Elemento 1Elemento 2
List Item
Profilo
Preferiti
Metodi di pagamento
Gestisci le tue carte
Restaurant Card
Sconto 20%
I più richiesti
Ristorante 1
4.5
(21 Recensioni)•1.5 km
10-25 min
€2.90Pizza
Italiana
Ristorante 2
4.8
(45 Recensioni)•2.3 km
15-30 min
GratisAsiatico
Product Card
Margherita
Più venduto
Passata di pomodoro, mozz di bufala
€8.00
Marinara
Pomodoro, aglio, origano
€6.50
2
Payment Method Card
VISA che termina con ***1234
Contanti
Apple Pay
Address Card
Via Italia 30, Milano (MI)
20142
Casa
Via Roma 15, Milano (MI)
20121
Ufficio
Tip Selector
Mancia per il rider
€1.00
Mancia per il rider
10%
Promo Code Input
Hai un codice sconto?
SCONTO20
Sconto: €5.00
Order Summary
Totale parziale€8.00
Tassa di consegna€2.90
Mancia (10%)€1.00
Sconto-€5.00
Totale ordine€11.90
Cards
Card Standard
Una card standard con header, content e footer
Questo è il contenuto della card. Puoi inserire qualsiasi contenuto qui.
Card Solo Content
Card senza footer, solo contenuto.
Card minimalista senza header.
Modal
Toast Notifications
Spinner
Small
Medium
Large
Colori Design System
Primary
#E84C3D
Background Secondary
#1C1C1C
Success
#4CAF50
Error
#F44336
Warning
#FF9800
Text
#FFFFFF
Text Secondary
#A0A0A0
Background
#000000