Packages
phoenix_webcomponent
3.1.3
3.2.4
3.2.3
3.2.2
3.2.1
3.2.0
3.1.5
3.1.4
3.1.3
3.1.2
3.1.1
3.1.0
2.8.0
2.7.0
2.6.0
2.5.4
2.5.3
2.5.2
2.5.1
2.5.0
2.4.0
2.3.6
2.3.5
2.3.4
2.3.3
2.3.2
2.3.1
2.2.3
2.2.2
2.2.1
2.2.0
2.1.4
2.1.3
2.1.2
2.1.1
2.1.0
2.0.0
1.6.3
1.6.2
1.6.1
1.6.0
1.5.1
1.5.0
1.4.5
1.4.4
1.4.3
1.4.2
1.4.1
1.4.0
1.3.0
1.2.0
1.1.1
1.1.0
1.0.0
1.0.0-beta.4
1.0.0-beta.3
1.0.0-beta.2
0.0.0
Phoenix view functions for working with WebComponent
Current section
Files
Jump to
Current section
Files
lib/phoenix_webcomponent/actionbar.ex
defmodule Phoenix.WebComponent.Actionbar do
@moduledoc """
Render actionbar.
"""
use Phoenix.WebComponent, :html
@doc """
Generates a actionbar.
## Examples
```heex
<.wc_actionbar class="shadow">
<:left>
Star Wars
</:left>
<:right>
<button>action</button>
</:right>
</.wc_actionbar>
```
"""
@doc type: :component
attr(:id, :any,
default: false,
doc: """
html attribute id
"""
)
attr(:class, :string,
default: "",
doc: """
html attribute class
"""
)
slot(:left,
required: false,
doc: """
Left part of action bar.
"""
)
slot(:right,
required: false,
doc: """
Right part of action bar.
"""
)
def wc_actionbar(assigns) do
assigns =
assigns
|> assign_new(:left, fn -> [] end)
|> assign_new(:right, fn -> [] end)
~H"""
<div
id={@id}
class={[
"w-full h-16 px-4",
"flex justify-between items-center",
@class,
]}
>
<div classs="flex justify-start items-center">
<%= render_slot(@left) %>
</div>
<div classs="flex justify-end items-center">
<%= render_slot(@right) %>
</div>
</div>
"""
end
end