Salad UI
- 1.3.0

Slider

Renders a slider component.

Read more Read less

Options

  • :id - Required unique identifier for the slider.
  • :min - Minimum value (defaults to 0).
  • :max - Maximum value (defaults to 100).
  • :step - Step size for value changes (defaults to 1).
  • :value - Current value of the slider (defaults to min).
  • :default-value - Default value if value is not provided.
  • :disabled - Whether the slider is disabled (defaults to false).
  • :on-value-changed - Handler for value changed event.
  • :class - Additional CSS classes.

Component events

  • :on-value-changed - Fired when the slider value changes.

Server commands

  • "setValue" - Sets the slider value. Requires a :value param.
Attribute Type Documentation Default Value
Required id * :string

Unique identifier for the slider
name :any

Name of the slider for form submission
min :integer

Minimum value
0
max :integer

Maximum value
100
step :integer

Step size for value changes
1
value :integer

Current value of the slider
default-value :integer

Default value if value is not provided
disabled :boolean

Whether the slider is disabled
false
on-value-changed :any

Handler for value changed event
field %FormField{}

A form field struct retrieved from the form, for example: @form[:volume]
class :string
rest :global