Button
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:
recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178