Packages

daisy_ui_components

0.7.5
0.9.7 0.9.6 0.9.5 0.9.4 0.9.3 0.9.2 0.9.1 0.9.0 0.8.7 0.8.7-rc.0 0.8.6 0.8.5 0.8.4 0.8.3 0.8.2 0.8.1 0.8.0 0.7.6 0.7.5 0.7.4 0.7.3 0.7.2 0.7.1 0.7.0 0.6.0 0.5.0 0.4.3 0.4.2 0.4.1 0.4.0 0.3.0 0.2.1 0.2.0 0.1.7 0.1.6 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

DaisyUI component library for LiveView

HexDocs

Current section

Files

Jump to
Readme
41 Versions
1 Dependency
Dependants
Files
Activity
daisy_ui_components lib daisy_ui_components range.ex
Raw

lib/daisy_ui_components/range.ex 

defmodule DaisyUIComponents.Range do

  @moduledoc """

  Select component



  https://daisyui.com/components/range

  """



  use DaisyUIComponents, :component



  attr :class, :any, default: nil

  attr :value, :any, default: nil

  attr :color, :string, values: colors()

  attr :size, :string, values: sizes()

  attr :min, :integer, default: nil

  attr :max, :integer, default: nil

  attr :step, :integer, default: nil

  attr :rest, :global, include: ~w(name)



  def range(assigns) do

    assigns =

      assigns

      |> assign_new(:color_class, fn -> range_color(assigns[:color]) end)

      |> assign_new(:size_class, fn -> range_size(assigns[:size]) end)



    ~H"""

    <input

      type="range"

      class={classes(["range", @color_class, @size_class, @class])}

      min={@min}

      max={@max}

      step={@step}

      value={@value}

      {@rest}

    />

    """

  end



  # Color

  defp range_color("primary"), do: "range-primary"

  defp range_color("secondary"), do: "range-secondary"

  defp range_color("accent"), do: "range-accent"

  defp range_color("info"), do: "range-info"

  defp range_color("success"), do: "range-success"

  defp range_color("warning"), do: "range-warning"

  defp range_color("error"), do: "range-error"

  defp range_color(_color), do: nil



  # Size

  defp range_size("xs"), do: "range-xs"

  defp range_size("sm"), do: "range-sm"

  defp range_size("md"), do: "range-md"

  defp range_size("lg"), do: "range-lg"

  defp range_size(_size), do: nil

end