Button

Last update: March 23, 2024

CREATED FOR:

  • User
  • Admin

To display a button we use the component, button.
The button component in JUI represents an html <button/>.

const buttonJSON = {
  "component": "button",//tells the component name
  "label": "Yes, login",//tells the text for the button
  "variant": "cta",//tells the variants for the button which  provides default styles
  "on-click": "done",//tells what function to run after user clicks the button
};

This will produce a button with a label of Yes, login. The other properties includes but are not limited to variant,label,on-click.

NOTE: The on-<events> is the syntax for invoking the commands in the controllers.

The rendered button will look like this:

button

Previous pageJUI Framework
Next pageIcon

Experience Manager