PhoenixDuskmoon.Component.Form.Slider (PhoenixDuskmoon v7.2.1)

View Source

Slider component for range input.

Examples

<.dm_form for={@form} phx-submit="save">
  <.dm_slider field={@form[:volume]} label="Volume" min="0" max="100" />
  <.dm_slider field={@form[:brightness]} label="Brightness" min="0" max="100" color="success" />
</.dm_form>

Attributes

  • field - Phoenix form field
  • label - Slider label text
  • min - Minimum value (default: 0)
  • max - Maximum value (default: 100)
  • step - Step increment (default: 1)
  • color - Slider color: primary, secondary, accent, info, success, warning, error (default: primary)
  • size - Slider size: xs, sm, md, lg (default: md)
  • disabled - Disable the slider
  • show_value - Show current value (default: true)
  • class - Additional CSS classes
  • label_class - Additional CSS classes for label
  • slider_class - Additional CSS classes for slider element

Summary

Functions

dm_slider(assigns)

Functions

dm_slider(assigns)

Attributes

  • id (:any) - Defaults to nil.
  • name (:any)
  • value (:any)
  • field (Phoenix.HTML.FormField) - a form field struct retrieved from the form.
  • label (:string) - Defaults to nil.
  • min (:integer) - Defaults to 0.
  • max (:integer) - Defaults to 100.
  • step (:integer) - Defaults to 1.
  • color (:string) - Defaults to "primary". Must be one of "primary", "secondary", "accent", "info", "success", "warning", or "error".
  • size (:string) - Defaults to "md". Must be one of "xs", "sm", "md", or "lg".
  • disabled (:boolean) - Defaults to false.
  • show_value (:boolean) - Defaults to true.
  • class (:string) - Defaults to nil.
  • label_class (:string) - Defaults to nil.
  • slider_class (:string) - Defaults to nil.
  • Global attributes are accepted.