Design and build a collaborative user experience for a chance to win cool prizes!

Vaadin Classic Components

A set of UI components for easier upgrades from V7 and V8 to V23. Included in Prime and Enterprise subscriptions.

Classic Components featured image

 

What are they?

Classic Components

While most components in recent Vaadin versions have the same names as their corresponding in V7 and V8 components, they are completely new implementations that differ significantly in terms of API features and structure. This complicates upgrades into V23 as developers need to account for these differences.

The Classic Components pack solves the issue by providing a modern counterpart to components like VerticalLayout and HorizontalLayout that closely mimic the behavior of their V7 and V8 counterparts.

Included components

HorizontalLayout and VerticalLayout

VerticalLayout and HorizontalLayout are ordered layouts for laying components out either vertically or horizontally, respectively.

 
Panel

A single-component container with a frame around the content. It has an optional caption and an icon which are handled by the panel itself, not its containing layout.

 
Label

A component that displays non-editable text. The text can be used for short simple labels or for displaying long text, such as paragraphs.  

GridLayout

A container that lays components out on a grid consisting of rows and columns.

 
FormLayout

FormLayout lays the components and their captions out in two columns, with optional indicators for required fields and errors that can be shown for each field.

 
ComboBox (upcoming)

A selection component that allows users to select an item from a drop-down list.

 

FAQ

How do I access the Classic Components?

The Classic Components are licensed under Commercial Vaadin Developer License 4.0 (CVDLv4) and part of the Prime and Enterprise subscriptions. You will be asked to validate your license or start a trial period when you start using them.

 

Which Vaadin version supports the Classic Components?

The components are built and tested for the latest Vaadin version, V23.

 

How do I try the Classic Components in V23?

1. Get a V23 starter from start.vaadin.com

2. Add the Classic Components dependency to pom.xml

<dependencies>
<!-| other dependencies -->
<dependency>
<groupId>com.vaadin</groupId>
<artifactId>vaadin-classic-components-flow</artifactId>
</dependency>
</dependencies>

3. Start using them. More details in the documentation.

 

I’m already on Vaadin 22. Should I use the Classic Components in Vaadin 23?

The Classic Components are specifically meant for developers who are modernizing their V8 application(s). If you are already a V22 user with no V8 applications then you would probably not use the Classic Components unless you were looking for a specific feature like GridLayout.

 

Do I need to stop using the Classic Components eventually…?

No, you can use the Classic Components as long as you are a Prime or Enterprise subscriber.

 

Is the styling the same as for the original V8 components?

No, their styling is based on the Lumo theme to fit in with the standard Flow components. To ease backward compatibility, a limited number of Valo constants have also been added.

 

Are the Components available for Hilla?

No, the components are for Vaadin Flow and they have only Java APIs.


More questions? Don't hesitate to contact us!

Ready to modernize with the Classic Components?

The Classic components are included in Prime and Enterprise subscriptions. View our pricing page for details or contact us for a demonstration.