We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.


The button component has several built-in features such as support for icons, predefined styles, different button types, sizes, and UI customization.


Users tend to perceive visual information better than text. The button has built-in options to include an icon to the right or left of the text, or provide an icon-only button.

Predefined styles

Several predefined styles of button are available:

  • Primary
  • Success
  • Info
  • Warning
  • Danger
  • Link

You can use them based on your application scenario.

Toggle button

The button can be used as a toggle button, triggering two different actions based on its two states: pressed and released.

Vue toggle button to showcase default and active state

Repeat button

You can extend the button to act as a repeat button, which triggers the click event repeatedly when it is clicked and held.

Vue repeat button on click and hold triggers continuous click event


You can choose from built-in types of buttons such as outline, block, and round buttons. Also, you can customize the button’s appearance.


  • Fully supports WAI-ARIA accessibility to work with screen readers and assistive devices.
  • Follows WAI-ARIA best practices for implementing keyboard interaction.
  • The UI element visuals such as foreground color, background color, line spacing, text, and images are designed based on WCAG 2.0.
  • Supports right-to-left (RTL) text direction for users working in right-to-left languages like Hebrew, Arabic, or Persian.


Transform your applications today by downloading our free evaluation versionDownload Free Trial

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.