Skip to contents

The input() component allows the user to enter and edit text or numeric values in one line.

See the official documention for input, for all the correct props.

Examples

input("input")
input("input", value = "Input")
input(
  "input", 
  placeholder = "Choose content density",
  `value-state` = "Error",
  `show-suggestions` = TRUE,
  htmltools::div(
    slot = "valueStateMessage"
  ),
  li(
    "Cozy"
  ),
  li(
    "Compact"
  ),
  li(
    "Condensed"
  )
)
CozyCompactCondensed