Contact us
Create app
You're viewing an older version of Vaadin JavaDoc. Please see version 24.7.0 for the latest.
com.vaadin.flow.component.button.
Package com.vaadin.flow.component.button

Class Button

java.lang.Object
com.vaadin.flow.component.Component
com.vaadin.flow.component.button.Button

All Implemented Interfaces:

AttachNotifier, BlurNotifier<Button>, ClickNotifier<Button>, DetachNotifier, Focusable<Button>, FocusNotifier<Button>, HasAriaLabel, HasElement, HasEnabled, HasSize, HasStyle, HasText, HasTheme, HasPrefix, HasSuffix, HasThemeVariant<ButtonVariant>, HasTooltip, Serializable

Direct Known Subclasses:

DrawerToggle

@Tag("vaadin-button") @NpmPackage(value="@vaadin/polymer-legacy-adapter",version="24.4.0") @NpmPackage(value="@vaadin/button",version="24.4.0") @JsModule("@vaadin/polymer-legacy-adapter/style-modules.js") @JsModule("@vaadin/button/src/vaadin-button.js") @JsModule("./buttonFunctions.js") public class Button extends Component implements ClickNotifier<Button>, Focusable<Button>, HasAriaLabel, HasEnabled, HasPrefix, HasSize, HasStyle, HasSuffix, HasText, HasThemeVariant<ButtonVariant>, HasTooltip

The Button component allows users to perform actions. It comes in several different style variants, and supports icons in addition to text labels.

Author:

Vaadin Ltd

See Also:

  • Constructor Details

  • Method Details

    • setText

      public void setText(String text)

      Sets the given string as the text content of this component.

      This method removes any existing text-content and replaces it with the given text.

      This method also sets or removes this button's theme=icon attribute based on whether this button contains only an icon after this operation or not.

      Specified by:

      setText in interface HasText

      Parameters:

      text - the text content to set, may be null to only remove existing text

    • setIcon

      public void setIcon(Component icon)

      Sets the given component as the icon of this button.

      Even though you can use almost any component as an icon, some good options are Icon and Image.

      Use setIconAfterText(boolean) to change the icon's position relative to the button's text content.

      This method also sets or removes this button's theme=icon attribute based on whether this button contains only an icon after this operation or not.

      Parameters:

      icon - component to be used as an icon, may be null to only remove the current icon, can't be a text-node

    • getIcon

      public Component getIcon()

      Gets the component that is defined as the icon of this button.

      Returns:

      the icon of this button, or null if the icon is not set

    • setIconAfterText

      public void setIconAfterText(boolean iconAfterText)

      Sets whether this button's icon should be positioned after it's text content or the other way around.

      At the element-level, this method determines whether to set slot="prefix" or slot="suffix" attribute to the icon.

      Parameters:

      iconAfterText - whether the icon should be positioned after the text content or not

    • isIconAfterText

      public boolean isIconAfterText()

      Gets whether this button's icon is positioned after it's text content or the other way around.

      Returns:

      true if this button positions it's icon after it's text content, false otherwise

    • click

      public void click()

      Simulates a click on this button on the server side if it is enabled. Calling this method executes all registered click listeners on the server side, but does not execute possible client side registered listeners.

      See Also:

    • clickInClient

      public void clickInClient()

      Executes a click on this button at the client-side. Calling this method behaves the same as if the user would have clicked on the button.

    • setAutofocus

      public void setAutofocus(boolean autofocus)

      Set the button to be input focused when the page loads.

      Parameters:

      autofocus - the boolean value to set

    • isAutofocus

      public boolean isAutofocus()

      Get the state for the auto-focus property of the button.

      This property is not synchronized automatically from the client side, so the returned value may not be the same as in client side.

      Returns:

      the autofocus property from the button

    • setDisableOnClick

      public void setDisableOnClick(boolean disableOnClick)

      Set the button so that it is disabled on click.

      Enabling the button needs to happen from the server.

      Parameters:

      disableOnClick - true to disable button immediately when clicked

    • isDisableOnClick

      public boolean isDisableOnClick()

      Get if button is set to be disabled on click.

      Returns:

      true if button gets disabled on click, else false

    • setEnabled

      public void setEnabled(boolean enabled)

      Description copied from interface: HasEnabled

      Sets the UI object explicitly disabled or enabled.

      Specified by:

      setEnabled in interface HasEnabled

      Parameters:

      enabled - if false then explicitly disables the object, if true then enables the object so that its state depends on parent

    • remove

      protected void remove(Component... components)

      Removes the given child components from this component.

      Parameters:

      components - The components to remove.

      Throws:

      IllegalArgumentException - if any of the components is not a child of this component.

    • onAttach

      protected void onAttach(AttachEvent attachEvent)

      Description copied from class: Component

      Called when the component is attached to a UI.

      This method is invoked before the AttachEvent is fired for the component.

      Make sure to call super.onAttach when overriding this method.

      Overrides:

      onAttach in class Component

      Parameters:

      attachEvent - the attach event

Copyright © 2024. All rights reserved.