kit

Slider

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

Slider

Opacity
%
60% From 0 to 100%.
Price
£
£
£50.00 – £250.00 From £0 to £500.
Cannot be changed
Opacity
%
60% Only the owner can change this. From 0 to 100%.
Price
£
£
£50.00 – £250.00 Only the owner can change this. From £0 to £500.
Source
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-slider-opacity">
  <:label>Opacity</:label>
  <:control_set :let={binding}>
    <Kit.Phoenix.Roles.Slider.slider binding={binding} reader={reader()} min={0} max={100} step={10} measure={Kit.Phoenix.Roles.NumberField.Measure.unit("percent")}>
      <:thumb label="Opacity" name="opacity" value="60" />
    </Kit.Phoenix.Roles.Slider.slider>
  </:control_set>
  <:help>From 0 to 100%.</:help>
  <:printed_value>60%</:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-slider-price">
  <:label>Price</:label>
  <:control_set :let={binding}>
    <Kit.Phoenix.Roles.Slider.slider binding={binding} reader={reader()} min={0} max={500} step={10} measure={Kit.Phoenix.Roles.NumberField.Measure.currency("GBP")}>
      <:thumb label="Lowest price" name="price[lowest]" value="50" />
      <:thumb label="Highest price" name="price[highest]" value="250" />
    </Kit.Phoenix.Roles.Slider.slider>
  </:control_set>
  <:help>From £0 to £500.</:help>
  <:printed_value>£50.00 – £250.00</:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-slider-opacity-disabled">
<:label>Opacity</:label>
<:control_set :let={binding}>
  <Kit.Phoenix.Roles.Slider.slider disabled binding={binding} reader={reader()} min={0} max={100} step={10} measure={Kit.Phoenix.Roles.NumberField.Measure.unit("percent")}>
    <:thumb label="Opacity" name="opacity" value="60" />
  </Kit.Phoenix.Roles.Slider.slider>
</:control_set>
<:help>Only the owner can change this. From 0 to 100%.</:help>
<:printed_value>60%</:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-slider-price-disabled">
<:label>Price</:label>
<:control_set :let={binding}>
  <Kit.Phoenix.Roles.Slider.slider disabled binding={binding} reader={reader()} min={0} max={500} step={10} measure={Kit.Phoenix.Roles.NumberField.Measure.currency("GBP")}>
    <:thumb label="Lowest price" name="price[lowest]" value="50" />
    <:thumb label="Highest price" name="price[highest]" value="250" />
  </Kit.Phoenix.Roles.Slider.slider>
</:control_set>
<:help>Only the owner can change this. From £0 to £500.</:help>
<:printed_value>£50.00 – £250.00</:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>