ToggleButton for Flow

Web Component providing an on/off switch that users can toggle

View larger

Close

View larger

Close

View larger

Close

Usage

Toggle button provides an on/off switch that user can toggle by tapping the switch.

Client-side implementation

From 3.0.0

The client-side is a standard checkbox with a custom css file.

Before 3.0.0

This is the server-side (Java) API for Vaadin Platform for the vcf-toggle-button component. Looking for the client-side version? It can be found here: https://vaadin.com/directory/component/vaadin-component-factoryvcf-toggle-button

License & Author

This Add-on is distributed under Apache 2.0

Component Factory Toggle Button is written by Vaadin Ltd.

Sponsored development

Major pieces of development of this add-on has been sponsored by multiple customers of Vaadin. Read more about Expert on Demand at: Support and Pricing

Sample code

ToggleButton toggle = new ToggleButton();
toggle.setLabel("Label");

ToggleButton disabledToggle = new ToggleButton("Disabled");
disabledToggle.setEnabled(false);

ToggleButton toggle = new ToggleButton("Toggle");
Div message = new Div();
toggle.addValueChangeListener(evt -> message.setText(
        String.format("Toggle button value changed from '%s' to '%s'",
                evt.getOldValue(), evt.getValue())));

Links

• View on GitHub
• Online Demo
• Edit

Compatibility