Legend

Renders a legend

  1. My First Metric

  2. My Second Metric

  3. My Third Metric

  4. My Fourth Metric Not Clickable

Attribute Type Documentation Default Value
id :string "tabs"
class :string
active :string
enable_slider :boolean
rest :global
Required legend_item * :slot
<:legend_item name="My First Metric" color="blue" on_click={JS.push("test")}>
  </:legend_item>

  <:legend_item name="My Second Metric" color="green" on_click={JS.push("test")}>
  </:legend_item>

  <:legend_item name="My Third Metric" color="orange" on_click={JS.push("test")}>
  </:legend_item>

  <:legend_item name="My Fourth Metric Not Clickable" color="indigo">
  </:legend_item>
scroll_left_icon :slot
<:scroll_left_icon>
    <.icon name="hero-chevron-left" />
  </:scroll_left_icon>

  <:scroll_right_icon>
    <.icon name="hero-chevron-right" />
  </:scroll_right_icon>
scroll_right_icon :slot
<:scroll_left_icon>
    <.icon name="hero-chevron-left" />
  </:scroll_left_icon>

  <:scroll_right_icon>
    <.icon name="hero-chevron-right" />
  </:scroll_right_icon>