RoadMap UIKit e Toolkit Designer Italia
 Share
The version of the browser you are using is no longer supported. Please upgrade to a supported browser.Dismiss

 
Comment only
 
 
ABCDEFGHIJKLMNOPQRSTUVWXY
1
designers.italia.it - Elenco dei componenti e roadmap dei Kit per la User Interface
2
StileComponentiVariantiI componenti sono già presenti nei kit?Roadmap ui kitRoadmap web toolkitRoadmap react toolkitRoadmap bootstrap4 toolkit
3
Statesui kitweb toolkitreactbootstrap4angular08/1809/1810/1801/1802/1803/1804/1801/1802/1803/1804/1801/1802/1803/1804/18
4
COLOR_SYSTEM
brand colorslight - dark background
5
tints-shadows/tones
6
neutral colorlight - dark background
7
accent and utility colorslight - dark background
8
tints-shadows/tones
9
gradients scaleslight - dark background
10
accessibility colors
11
data viz palette colorslight - dark background
12
IMAGERY
13
TEXT_STYLES
typefacetypeface base_sans serif
14
typeface serif
15
text styles
16
line heigthbased on the font sizes
17
text color and contrastdark an light background
18
19
GRID_SYSTEM
20
21
TIPOGRAPHY
22
headingsH1 to H6
23
subheaders
24
code
25
paragraphlenght, spacing, indent, rag, hanging quote
26
blockquote
27
inline element
28
29
BUTTONSdark and light bg
30
primarydefault, hover, active, focus, selected, disabled, asyncloading
31
secondarydefault, hover, active, focus, selected, disabled, async
32
icon and labeldefault, hover, active, focus, selected, disabled, async
33
icon onlydefault, hover, active, focus, selected, disabled, async
34
groupeddefault, hover, active, focus, selected, disabled, async
35
splitdefault, hover, active, focus, selected, disabled, async-
36
linkdefault, hover, active, focus, selected, disabled, async
37
full widthdefault, hover, active, focus, selected, disabled, async
38
39
NAVIGATION
40
skiplink
41
pagerbasic
42
more
43
changer (page size: 10 su 50)
44
with jump to page
45
simple mode (vedi acrobat)
46
total number
47
previous and next
48
49
breadcrumbsbasic
50
with icon
51
with different separator / >
52
53
dropdown menuactive on hoverwith disable, hover, onclick elements
54
active on clickwith disable, hover, onclick elements
55
button with dropdown (split)with disable, hover, onclick elements
56
57
menu contextual menu
58
scrollable menu
59
with disabled action
60
menu position
61
62
linklistsingle line linklisthover, onclick, disable
63
multiline linklisthover, onclick, disable
64
with controls (primary/secondary actions/checkbox,switches, reorder)hover, checked/unchecked, on/off, disable
65
nested navigation with fixed and visible hierarchyhover, onclick, disable
66
nested navigation expandableexpand/ collapse - default, hover, pressed, active, disable
67
68
mobile menuoffcanvas (toolkit danilo) or drawer
69
single line linklisthover, onclick, disable
70
multiline linklisthover, onclick, disable
71
with controls (primary/secondary actions/checkbox,switches, reorder)hover, checked/unchecked, on/off, disable
72
nested navigation with fixed and visible hierarchyhover, onclick, disable
73
nested navigation expandableexpand/ collapse - default, hover, pressed, active, disable
74
75
megamenutwo levels
76
three levels
77
78
sidebar basic
79
nested navigationexpand/ collapse - default, hover, pressed, active, disable
80
81
navscroll
82
83
Thumbnav and grid (entrypoint?)default, hover, pressed
84
85
86
affix top, bottom
87
up (return) and back (chronological) button
88
89
tabsfixed tab bar
90
scrollable tab bar
91
tab position (orizontal, vertical, up, bottom)
92
text tab - only icon - text and icon
93
card tab (desktop)
94
add and close tab
95
96
bottom navbottom nav textdefault, highlighted
97
bottom nav icon ( > three actions)default, highlighted
98
bottom nav text and icon default, highlighted
99
behavior: shifting/fixed
100
steppers desktopnumbered stepsuccess/editable, active, disable, error
Loading...
Main menu