@@ -7,6 +7,155 @@ order: 50
77---
88= Upload Styling
99
10+ == Style Variants
11+
12+ Upload supports the following style variants:
13+
14+ [cols="1,3,1"]
15+ |===
16+ | Variant | Description | Supported by
17+
18+ |`no-border`
19+ |Removes border around the upload component
20+ |Aura
21+
22+ |===
23+
24+
25+ include::../_styling-section-theming-props.adoc[tag=style-properties]
26+
27+ === Upload Properties
28+
29+ [cols="2,1"]
30+ |===
31+ | Property | Supported by
32+
33+ |`--vaadin-upload-background`
34+ |Aura
35+
36+ |`--vaadin-upload-border-color`
37+ |Aura
38+
39+ |`--vaadin-upload-border-radius`
40+ |Aura
41+
42+ |`--vaadin-upload-border-width`
43+ |Aura
44+
45+ |`--vaadin-upload-drop-label-color`
46+ |Aura
47+
48+ |`--vaadin-upload-drop-label-font-size`
49+ |Aura
50+
51+ |`--vaadin-upload-drop-label-font-weight`
52+ |Aura
53+
54+ |`--vaadin-upload-drop-label-gap`
55+ |Aura
56+
57+ |`--vaadin-upload-drop-label-line-height`
58+ |Aura
59+
60+ |`--vaadin-upload-gap`
61+ |Aura, Lumo
62+
63+ |`--vaadin-upload-padding`
64+ |Aura
65+
66+ |===
67+
68+ === File List Properties
69+
70+ [cols="2,1"]
71+ |===
72+ | Property | Supported by
73+
74+ |`--vaadin-upload-file-list-divider-color`
75+ |Aura
76+
77+ |`--vaadin-upload-file-list-divider-width`
78+ |Aura
79+
80+ |===
81+
82+ === File Properties
83+
84+ [cols="2,1"]
85+ |===
86+ | Property | Supported by
87+
88+ |`--vaadin-upload-file-border-radius`
89+ |Aura
90+
91+ |`--vaadin-upload-file-button-background`
92+ |Aura
93+
94+ |`--vaadin-upload-file-button-border-color`
95+ |Aura
96+
97+ |`--vaadin-upload-file-button-border-radius`
98+ |Aura
99+
100+ |`--vaadin-upload-file-button-border-width`
101+ |Aura
102+
103+ |`--vaadin-upload-file-button-text-color`
104+ |Aura
105+
106+ |`--vaadin-upload-file-button-padding`
107+ |Aura
108+
109+ |`--vaadin-upload-file-done-color`
110+ |Aura
111+
112+ |`--vaadin-upload-file-error-color`
113+ |Aura
114+
115+ |`--vaadin-upload-file-error-font-size`
116+ |Aura
117+
118+ |`--vaadin-upload-file-error-font-weight`
119+ |Aura
120+
121+ |`--vaadin-upload-file-error-line-height`
122+ |Aura
123+
124+ |`--vaadin-upload-file-gap`
125+ |Aura
126+
127+ |`--vaadin-upload-file-name-color`
128+ |Aura
129+
130+ |`--vaadin-upload-file-name-font-size`
131+ |Aura
132+
133+ |`--vaadin-upload-file-name-font-weight`
134+ |Aura
135+
136+ |`--vaadin-upload-file-name-line-height`
137+ |Aura
138+
139+ |`--vaadin-upload-file-padding`
140+ |Aura
141+
142+ |`--vaadin-upload-file-status-color`
143+ |Aura
144+
145+ |`--vaadin-upload-file-status-font-size`
146+ |Aura
147+
148+ |`--vaadin-upload-file-status-font-weight`
149+ |Aura
150+
151+ |`--vaadin-upload-file-status-line-height`
152+ |Aura
153+
154+ |`--vaadin-upload-file-warning-color`
155+ |Aura
156+
157+ |===
158+
10159include::../_styling-section-intros.adoc[tag=selectors]
11160
12161
0 commit comments