Docs

Custom Field

Custom Field is a component for wrapping multiple components as a single field.

custom Field has the same features as Input Fields, such as label, helper, validation, and data binding. Use it to create custom input components.

<CustomField label="Enrollment period">
  <DatePicker id="start" placeholder="Start date" />
  &ndash;
  <DatePicker id="end" placeholder="End date" />
</CustomField>

Basic Usage

Custom Field is optimized for wrapping the following components:

Important
You can find more information in the corresponding article on vaadin.com.