Skip to contents

The button is the ui5 equivalent of shiny::actionButton.

See the official documentation for all the correct props.

Note that you can use the button to toggle the visibility of a nav component by adding data-ui5-nav attribute.

button(
  "btnId",
  icon = "home",
  "First nav",
  tooltip = "Go to first tab",
  `data-ui5-nav` = "firstNav"
)
First nav

Examples

button(
  "btnId",
  icon = "home",
  "A button"
)
A button
button(
  "btnId",
  "Default",
  design = "Default"
)
Default
button(
  "btnId",
  "Emphasized",
  design = "Emphasized"
)
Emphasized
button(
  "btnId",
  "Attention",
  design = "Attention"
)
Attention
button(
  "btnId",
  "Positive",
  design = "Positive"
)
Positive
button(
  "btnId",
  "Negative",
  design = "Negative"
)
Negative
button(
  "btnId",
  "Transparent",
  design = "Transparent"
)
Transparent
button(
  "btnId",
  design = "Default",
  icon = "edit",
  tooltip = "Edit Button"
)
button(
  "btnId",
  design = "Transparent",
  icon = "account",
  tooltip = "Edit Button"
)