# Create a `wa-number-input` component

Generated wrapper for the Web Awesome `wa-number-input` component. When
used as a Shiny input, `input$<input_id>` reflects the component's
current `value` value. Generated from Web Awesome metadata.

Generated update helper for the Web Awesome `wa-number-input` component.

## Usage

``` r
wa_number_input(
  input_id,
  ...,
  class = NULL,
  style = NULL,
  value = NULL,
  disabled = NULL,
  label = NULL,
  hint = NULL,
  name = NULL,
  appearance = NULL,
  autocomplete = NULL,
  autofocus = NULL,
  custom_error = NULL,
  dir = NULL,
  enterkeyhint = NULL,
  inputmode = NULL,
  lang = NULL,
  max = NULL,
  min = NULL,
  pill = NULL,
  placeholder = NULL,
  readonly = NULL,
  required = NULL,
  size = NULL,
  step = NULL,
  title = NULL,
  with_hint = NULL,
  with_label = NULL,
  without_steppers = NULL,
  decrement_icon = NULL,
  end = NULL,
  hint_slot = NULL,
  increment_icon = NULL,
  label_slot = NULL,
  start = NULL
)

update_wa_number_input(
  session,
  input_id,
  value = NULL,
  label = NULL,
  hint = NULL,
  disabled = NULL
)
```

## Arguments

- input_id:

  Input id of the component to update.

- ...:

  Child content for the component's default slot.

- class:

  Optional CSS class string.

- style:

  Optional inline CSS style string.

- value:

  Optional value to send to the component.

- disabled:

  Optional logical disabled state to send to the component.

- label:

  Optional label text to send to the component.

- hint:

  Optional hint text to send to the component.

- name:

  String. Default: `null`. The name of the input, submitted as a
  name/value pair with form data.

- appearance:

  Enumerated string. Allowed values: `filled`, `filled-outlined`,
  `outlined`. Default: `outlined`. The input's visual appearance.

- autocomplete:

  String. Specifies what permission the browser has to provide
  assistance in filling out form field values. Refer to this page on MDN
  for available values.

- autofocus:

  Boolean. Default: `FALSE`. Indicates that the input should receive
  focus on page load.

- custom_error:

  String. Default: `null`. Optional Web Awesome attribute.

- dir:

  String. Optional Web Awesome attribute.

- enterkeyhint:

  Enumerated string. Allowed values: `done`, `enter`, `go`,
  [`next`](https://rdrr.io/r/base/Control.html), `previous`, `search`,
  `send`. Used to customize the label or icon of the Enter key on
  virtual keyboards.

- inputmode:

  Enumerated string. Allowed values: `decimal`, `numeric`. Default:
  `numeric`. Tells the browser what type of data will be entered by the
  user, allowing it to display the appropriate virtual keyboard on
  supportive devices.

- lang:

  String. Optional Web Awesome attribute.

- max:

  Number. The input's maximum value.

- min:

  Number. The input's minimum value.

- pill:

  Boolean. Default: `FALSE`. Draws a pill-style input with rounded
  edges.

- placeholder:

  String. Default: `""`. Placeholder text to show as a hint when the
  input is empty.

- readonly:

  Boolean. Default: `FALSE`. Makes the input readonly.

- required:

  Boolean. Default: `FALSE`. Makes the input a required field.

- size:

  Enumerated string. Allowed values: `large`, `medium`, `small`.
  Default: `medium`. The input's size.

- step:

  Default: `1`. Specifies the granularity that the value must adhere to,
  or the special value `any` which means no stepping is implied,
  allowing any numeric value.

- title:

  String. Default: `""`. Optional Web Awesome attribute.

- with_hint:

  Boolean. Default: `FALSE`. Only required for SSR. Set to `TRUE` if
  you're slotting in a `hint` element so the server-rendered markup
  includes the hint before the component hydrates on the client.

- with_label:

  Boolean. Default: `FALSE`. Only required for SSR. Set to `TRUE` if
  you're slotting in a `label` element so the server-rendered markup
  includes the label before the component hydrates on the client.

- without_steppers:

  Boolean. Default: `FALSE`. Hides the increment/decrement stepper
  buttons.

- decrement_icon:

  An icon to use in lieu of the default decrement icon.

- end:

  An element, such as `<wa-icon>`, placed at the end of the input
  control (before steppers).

- hint_slot:

  Text that describes how to use the input. Alternatively, you can use
  the `hint` attribute.

- increment_icon:

  An icon to use in lieu of the default increment icon.

- label_slot:

  The input's label. Alternatively, you can use the `label` attribute.

- start:

  An element, such as `<wa-icon>`, placed at the start of the input
  control.

- session:

  Shiny session object.

## Value

An HTML tag for the component.

Invisibly returns `NULL`.

## Shiny Bindings

`input$<input_id>` reflects the component's current `value` value.
