Skip to content

Commit 2170225

Browse files
authored
docs: upload Aura style variants and props (#4905)
1 parent 3d640e9 commit 2170225

File tree

1 file changed

+149
-0
lines changed

1 file changed

+149
-0
lines changed

articles/components/upload/styling.adoc

Lines changed: 149 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -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+
10159
include::../_styling-section-intros.adoc[tag=selectors]
11160

12161

0 commit comments

Comments
 (0)