Packages

doggo

0.5.0
0.14.6 0.14.5 0.14.4 0.14.3 0.14.2 0.14.1 0.14.0 0.13.3 0.13.2 0.13.1 0.13.0 0.12.0 0.11.0 0.10.8 0.10.7 0.10.6 0.10.5 0.10.4 0.10.3 0.10.2 0.10.1 0.10.0 0.9.1 0.9.0 0.8.2 0.8.1 0.8.0 0.7.0 0.6.0 0.5.0 0.4.0 0.3.1 0.3.0 0.2.1 0.2.0 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

Headless UI components for Phoenix

HexDocs

Current section

Files

Jump to
Readme
41 Versions
3 Dependencies
0 Dependants
Files
Activity
doggo priv storybook modifier_classes.story.exs
Raw

priv/storybook/modifier_classes.story.exs 

defmodule Storybook.ModifierClasses do

  use PhoenixStorybook.Story, :page



  def render(assigns) do

    ~H"""

    <div class="psb-welcome-page">

      <p>

        Doggo makes use of modifier CSS classes to alter the appearance of

        components. Here's a complete list:

      </p>



      <div :for={{type, classes} <- Doggo.modifier_classes()}>

        <h3><%= to_titlecase(type) %></h3>

        <ul>

          <li :for={class <- classes}><%= class %></li>

        </ul>

      </div>

    </div>

    """

  end



  defp to_titlecase(s) do

    s

    |> to_string()

    |> String.replace("_", " ")

    |> :string.titlecase()

  end

end