Module Solidtype_heroui.Number_field

HeroUI's NumberField: Kobalte's NumberField.Root, a field's <div>, with HeroUI's classes from Styles.NumberField, whose value is a number, controlled or its own, stepped by its buttons and by the arrow keys within its range, and the parts inside it as Kobalte's: its Label names its input, its Description describes it, and its Field_error shows while it is invalid. It submits its value with a form by Kobalte's hidden input.

  <Number_field default_value=1024. min_value=0. name="width">
    <Label>"Width"</Label>
    <Number_field.Group>
      <Number_field.Decrement_button />
      <Number_field.Input />
      <Number_field.Increment_button />
    </Number_field.Group>
  </Number_field>

A value is kept on the grid of a step it is given, counted from its minimum, and else within its range alone, as React Aria keeps it; its buttons and arrow keys step it by step, else by 1, or by a hundredth for a percent.

format_options, as HeroUI's formatOptions, is Kobalte's: its input shows and reads its value so, a currency, a percent or a unit, and tells a reader the value as it shows it.

A part is used inside a Number_field: elsewhere it raises Invalid_argument as it is made.

module Group : sig ... end

The input and its buttons, laid out together: a <div role="group">.

module Input : sig ... end

The field's input, Kobalte's, which shows its value as it is formatted.

module Increment_button : sig ... end

The button that steps the value up: Kobalte's, drawing HeroUI's plus, or the children it is given.

module Decrement_button : sig ... end

The button that steps the value down: Kobalte's, drawing HeroUI's minus, or the children it is given.

module Props : sig ... end