Skip to content

docs: add missing component style props #5434

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
sissbruecker merged 3 commits into from
Apr 1, 2026
Merged

docs: add missing component style props #5434

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
7066d52
docs: add missing component style props
sissbruecker Apr 1, 2026
bfda14b
Update articles/components/multi-select-combo-box/styling.adoc
sissbruecker Apr 1, 2026
ac1f56d
Merge branch 'main' into docs/missing-component-style-props
sissbruecker Apr 1, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions articles/components/_styling-section-theming-props.adoc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -90,6 +90,9 @@ Style properties whose names start with `--vaadin-input-field` are shared among
|`--vaadin-input-field-disabled-background`
|Aura, Lumo

|`--vaadin-input-field-disabled-text-color`
|Aura

|`--vaadin-input-field-disabled-value-color`
|Lumo

Expand Down Expand Up @@ -227,6 +230,11 @@ Style properties whose names start with `--vaadin-input-field` are shared among
|===
| Property | Supported by

ifdef::include-item-overlay-props[]
|`--vaadin-item-overlay-padding`
|Aura
endif::include-item-overlay-props[]

|`--vaadin-overlay-background`
|Aura

Expand Down
4 changes: 1 addition & 3 deletions articles/components/avatar/styling.adoc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -103,11 +103,9 @@ include::../_styling-section-theming-props.adoc[tag=style-properties]
|`--vaadin-avatar-size`
|Aura, Lumo

|`--vaadin-item-overlay-padding`
|Aura

|===

:include-item-overlay-props:
include::../_styling-section-theming-props.adoc[tag=overlay]

include::../_styling-section-theming-props.adoc[tag=overlay-items]
Expand Down
3 changes: 3 additions & 0 deletions articles/components/button/styling.adoc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -326,6 +326,9 @@ include::../_styling-section-theming-props.adoc[tag=style-properties]
|`--vaadin-button-padding`
|Aura, Lumo

|`--vaadin-button-shadow`
|Aura

|`--vaadin-button-text-color`
|Aura, Lumo

Expand Down
1 change: 1 addition & 0 deletions articles/components/context-menu/styling.adoc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,7 @@ include::../_styling-section-theming-props.adoc[tag=style-properties]

|===

:include-item-overlay-props:
include::../_styling-section-theming-props.adoc[tag=overlay]

include::../_styling-section-theming-props.adoc[tag=overlay-items]
Expand Down
11 changes: 11 additions & 0 deletions articles/components/custom-field/styling.adoc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,6 +70,17 @@ Custom Field doesn't propagate its style variant to the individual field compone

include::../_styling-section-theming-props.adoc[tag=style-properties]

=== Field Surface

[cols="2,1"]
|===
| Property | Supported by

|`--vaadin-input-field-container-gap`
|Aura

|===

include::../_styling-section-theming-props.adoc[tag=label-helper-error]

include::../_styling-section-intros.adoc[tag=selectors]
Expand Down
1 change: 1 addition & 0 deletions articles/components/date-picker/styling.adoc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -96,6 +96,7 @@ include::../_styling-section-theming-props.adoc[tag=input-icons]
|Aura

|`--vaadin-date-picker-year-scroller-current-year-color`
|Aura

|===

Expand Down
22 changes: 22 additions & 0 deletions articles/components/form-layout/styling.adoc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,28 @@ Form Layout allows you to configure the width of the labels when they are positi
|`setLabelWidth`
|===

include::../_styling-section-theming-props.adoc[tag=style-properties]

=== Form Item

[cols="2,1"]
|===
| Property | Supported by

|`--vaadin-form-item-label-color`
|Aura

|`--vaadin-form-item-label-font-size`
|Aura

|`--vaadin-form-item-label-font-weight`
|Aura

|`--vaadin-form-item-label-line-height`
|Aura

|===

include::../_styling-section-intros.adoc[tag=selectors]

Form Layout:: `vaadin-form-layout`
Expand Down
1 change: 1 addition & 0 deletions articles/components/menu-bar/styling.adoc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -183,6 +183,7 @@ include::{root}/frontend/themes/docs/menu-bar-class-name.css[]

include::../_styling-section-theming-props.adoc[tag=style-properties]

:include-item-overlay-props:
include::../_styling-section-theming-props.adoc[tag=overlay]

include::../_styling-section-theming-props.adoc[tag=overlay-items]
Expand Down
44 changes: 41 additions & 3 deletions articles/components/multi-select-combo-box/styling.adoc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,47 @@ include::../_styling-section-theming-props.adoc[tag=label-helper-error]

include::../_styling-section-theming-props.adoc[tag=input-icons]

=== Chips

[cols="2,1"]
|===
| Property | Supported by

|`--vaadin-chip-background`
|Aura

|`--vaadin-chip-border-color`
|Aura

|`--vaadin-chip-border-radius`
|Aura

|`--vaadin-chip-border-width`
|Aura

|`--vaadin-chip-font-size`
|Aura

|`--vaadin-chip-font-weight`
|Aura

|`--vaadin-chip-gap`
|Aura

|`--vaadin-chip-height`
|Aura

|`--vaadin-chip-padding`
|Aura

|`--vaadin-chip-remove-button-text-color`
|Aura

|`--vaadin-chip-text-color`
|Aura

|===

:overlay-max-height-prop: --vaadin-multi-select-combo-box-overlay-max-height
:overlay-width-prop: --vaadin-multi-select-combo-box-overlay-width
include::../combo-box/styling.adoc[tag=overlay-style-props]
Expand All @@ -35,9 +76,6 @@ include::../_styling-section-theming-props.adoc[tag=overlay-items]
|===
| Property | Supported By

|`--vaadin-multi-select-combo-box-chip-min-width`
|Aura, Lumo

Comment on lines -38 to -40
Copy link
Copy Markdown
Contributor Author

@sissbruecker sissbruecker Apr 1, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

vaadin/web-components#11163 lists this as not working, and the purpose is not clear. Seems safer to remove right away.

|`--vaadin-multi-select-combo-box-input-min-width`
|Aura, Lumo

Expand Down
3 changes: 3 additions & 0 deletions articles/components/scroller/styling.adoc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,9 @@ include::../_styling-section-theming-props.adoc[tag=style-properties]
|`--vaadin-scroller-padding-inline`
|Aura, Lumo

|`--vaadin-scroller-overflow-indicator-height`
|Aura, Lumo
Comment on lines +48 to +49
Copy link
Copy Markdown
Contributor Author

@sissbruecker sissbruecker Apr 1, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not a mistake, the prop does indeed work with Lumo as well.


|===


Expand Down
3 changes: 3 additions & 0 deletions articles/components/side-nav/styling.adoc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,6 +69,9 @@ include::../_styling-section-theming-props.adoc[tag=style-properties]
|`--vaadin-side-nav-child-indent`
|Aura, Lumo

|`--vaadin-side-nav-items-gap`
|Aura

|`--vaadin-side-nav-label-color`
|Aura

Expand Down
3 changes: 3 additions & 0 deletions articles/components/virtual-list/styling.adoc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,9 @@ include::../_styling-section-theming-props.adoc[tag=style-properties]
|`--vaadin-virtual-list-padding-inline`
|Aura, Lumo

|`--vaadin-virtual-list-overflow-indicator-height`
|Aura, Lumo

|===


Expand Down
Loading