Packages
moon
2.90.4
2.90.5
retired
2.90.4
2.90.3
2.90.2
2.90.1
2.90.0
2.89.4
2.89.1
2.89.0
2.88.0
2.87.11
2.87.10
2.87.9
2.87.8
2.87.7
2.87.6
2.87.5
2.87.4
2.87.3
2.87.2
2.87.1
2.87.0
2.86.1
2.86.0
2.85.1
2.85.0
2.84.0
2.83.0
2.82.0
2.81.4
2.81.3
2.81.2
2.81.1
2.81.0
2.80.2
2.80.1
2.80.0
2.79.13
2.79.12
2.79.11
2.79.10
2.79.9
2.79.8
2.79.7
2.79.6
2.79.5
2.79.4
2.79.3
2.79.2
2.79.1
2.79.0
2.78.4
2.78.3
2.78.2
2.78.1
2.78.0
2.77.0
2.76.5
2.76.4
2.76.3
2.76.2
2.76.1
2.76.0
2.75.0
2.74.1
2.74.0
2.73.8
2.73.7
2.73.6
2.73.5
2.73.4
2.73.3
2.73.2
2.73.1
2.73.0
2.72.5
2.72.4
2.72.3
2.72.2
2.72.1
2.72.0
2.71.1
2.71.0
2.70.0
2.69.2
2.69.1
2.69.0
2.68.11
2.68.10
Components-based design system written in elixir
Current section
Files
Jump to
Current section
Files
lib/moon_web/examples/design/menu_item_example/with_icon.ex
defmodule MoonWeb.Examples.Design.MenuItemExample.WithIcon do
@moduledoc false
use Moon.StatelessComponent
use MoonWeb, :example
alias Moon.Design.MenuItem
alias Moon.Lego
alias Moon.Icons.SportBadminton
def render(assigns) do
~F"""
<div class="w-56">
<MenuItem>
<SportBadminton class="text-[1.5rem]" />
<Lego.Title>Your value</Lego.Title>
</MenuItem>
</div>
<div class="w-56">
<MenuItem>
<Lego.Title>Your value</Lego.Title>
<SportBadminton class="text-[1.5rem]" />
</MenuItem>
</div>
"""
end
def code() do
"""
alias Moon.Design.MenuItem
alias Moon.Lego
alias Moon.Icons.SportBadminton
...
<div class="w-56">
<MenuItem>
<SportBadminton class="text-[1.5rem]" />
<Lego.Title>Your value</Lego.Title>
</MenuItem>
</div>
<div class="w-56">
<MenuItem>
<Lego.Title>Your value</Lego.Title>
<SportBadminton class="text-[1.5rem]" />
</MenuItem>
</div>
"""
end
end