diff --git a/articles/components/dashboard/styling.adoc b/articles/components/dashboard/styling.adoc index 9141899950..e168105c0d 100644 --- a/articles/components/dashboard/styling.adoc +++ b/articles/components/dashboard/styling.adoc @@ -103,6 +103,17 @@ Drag handle / Move button:: `vaadin-dashboard-widget++++++**::part(move-but Remove button:: `vaadin-dashboard-widget++++++**::part(remove-button)**` Resize handle / button:: `vaadin-dashboard-widget++++++**::part(resize-button)**` +==== Wrapping Widget Titles + +By default, widget titles do not wrap if they overflow the width of the widget, but are simply truncated with ellipsis. Widget titles can be configured to wrap using the following CSS: + +[source,css] +---- +vaadin-dashboard-widget::part(title) { + white-space: unset; + text-overflow: unset; +} +---- === Sections