kit

Number field

Built revision v17.10.0

Phoenix
Topics

Human support

Bring a missing role, layout, or state, or a rendering against the standard, to the session working on kit. Name the package and the entry.

On List, Form

Number field

£
£1,250.00 Before tax.
kg
2.5 kg From 0.5 to 30 kg.
1 From 1 to 12 guests.
40 From 1 to 30 seats. Enter 30 seats or fewer.
₹
₹2,50,000.00 Held until the stay ends.
%
15% Off the nightly rate.
3.5 As the studio grades it.
 min
1 min From 1 to 20 min.
Cannot be changed
kg
2.5 kg Only the owner can change this. From 0.5 to 30 kg.
Source
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-number-price">
  <:label>Price</:label>
  <:control :let={binding}>
    <Kit.Phoenix.Roles.NumberField.number_field width="short" binding={binding} reader={reader()} name="price" value="1250.00" measure={Kit.Phoenix.Roles.NumberField.Measure.currency("GBP")} />
  </:control>
  <:help>Before tax.</:help>
  <:printed_value>£1,250.00</:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-number-weight">
  <:label>Weight</:label>
  <:control :let={binding}>
    <Kit.Phoenix.Roles.NumberField.number_field width="short" binding={binding} reader={reader()} name="weight" value="2.5" measure={Kit.Phoenix.Roles.NumberField.Measure.unit("kilogram")} fraction step={0.5} min={0.5} max={30} />
  </:control>
  <:help>From 0.5 to 30 kg.</:help>
  <:printed_value>2.5 kg</:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-number-guests">
  <:label>Guests</:label>
  <:control :let={binding}>
    <Kit.Phoenix.Roles.NumberField.number_field width="short" binding={binding} reader={reader()} name="guests" value="1" step={1} min={1} max={12} />
  </:control>
  <:help>From 1 to 12 guests.</:help>
  <:printed_value>1</:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-number-seats">
  <:label>Seats</:label>
  <:control :let={binding}>
    <Kit.Phoenix.Roles.NumberField.number_field width="short" binding={binding} reader={reader()} name="seats" value="40" step={1} min={1} max={30} />
  </:control>
  <:help>From 1 to 30 seats.</:help>
  <:error>Enter 30 seats or fewer.</:error>
  <:printed_value>40</:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-number-deposit">
  <:label>Deposit</:label>
  <:control :let={binding}>
    <Kit.Phoenix.Roles.NumberField.number_field width="short" binding={binding} reader={Kit.Phoenix.Reader.new(:"en-IN", "Asia/Kolkata")} name="deposit" value="250000.00" measure={Kit.Phoenix.Roles.NumberField.Measure.currency("INR")} />
  </:control>
  <:help>Held until the stay ends.</:help>
  <:printed_value>₹2,50,000.00</:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-number-discount">
  <:label>Discount</:label>
  <:control :let={binding}>
    <Kit.Phoenix.Roles.NumberField.number_field width="short" binding={binding} reader={Kit.Phoenix.Reader.new(:"en-IN", "Asia/Kolkata")} name="discount" value="15" measure={Kit.Phoenix.Roles.NumberField.Measure.unit("percent")} />
  </:control>
  <:help>Off the nightly rate.</:help>
  <:printed_value>15%</:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-number-level">
  <:label>Level</:label>
  <:control :let={binding}>
    <Kit.Phoenix.Roles.NumberField.number_field width="short" binding={binding} reader={reader()} name="level" value="3.5" fraction />
  </:control>
  <:help>As the studio grades it.</:help>
  <:printed_value>3.5</:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-number-warm-up">
  <:label>Warm-up</:label>
  <:control :let={binding}>
    <Kit.Phoenix.Roles.NumberField.number_field width="short" binding={binding} reader={reader()} name="warm-up" value="1" measure={Kit.Phoenix.Roles.NumberField.Measure.named("min")} step={1} min={1} max={20} />
  </:control>
  <:help>From 1 to 20 min.</:help>
  <:printed_value>1&nbsp;min</:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-number-weight-disabled">
<:label>Weight</:label>
<:control :let={binding}>
  <Kit.Phoenix.Roles.NumberField.number_field width="short" disabled binding={binding} reader={reader()} name="weight" value="2.5" measure={Kit.Phoenix.Roles.NumberField.Measure.unit("kilogram")} fraction step={0.5} min={0.5} max={30} />
</:control>
<:help>Only the owner can change this. From 0.5 to 30 kg.</:help>
<:printed_value>2.5 kg</:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>