View Source Doggo (Doggo v0.7.0)

This module only contains miscellaneous functions.

The components are defined in Doggo.Components.

Summary

JS

hide_modal(js \\ %JS{}, id)

Hides the modal with the given ID.

show_modal(js \\ %JS{}, id)

Shows the modal with the given ID.

show_tab(js \\ %JS{}, id, index)

Shows the tab with the given index of the tabs/1 component with the given ID.

Functions

modifier_class_name(_, value)

Takes a modifier attribute name and value and returns a CSS class name.

modifier_classes(module)

Returns all modifier classes defined in the given components module.

JS

hide_modal(js \\ %JS{}, id)

(since 0.1.0)

Hides the modal with the given ID.

Example

<.link phx-click={hide_modal("pet-modal")}>hide</.link>

show_modal(js \\ %JS{}, id)

(since 0.1.0)

Shows the modal with the given ID.

Example

<.link phx-click={show_modal("pet-modal")}>show</.link>

show_tab(js \\ %JS{}, id, index)

(since 0.5.0)

Shows the tab with the given index of the tabs/1 component with the given ID.

Example

Doggo.show_tab("my-tabs", 2)

Functions

modifier_class_name(_, value)

@spec modifier_class_name(atom(), String.t()) :: String.t()

Takes a modifier attribute name and value and returns a CSS class name.

This function is used as a default for the class_name_fun option.

Example

iex> modifier_class_name(:size, "large")
"is-large"

modifier_classes(module)

@spec modifier_classes(module()) :: [String.t()]

Returns all modifier classes defined in the given components module.

Usage

iex> modifier_classes(MyAppWeb.CoreComponents)
[
  "is-large",
  "is-medium",
  "is-primary",
  "is-secondary",
  "is-small"
]