Tabs · Pattern
Controlled value synced with a LiveView assign.
Controlled
Consectetur adipiscing elit. Sed sodales ullamcorper tristique.
Nullam eget vestibulum ligula, at interdum tellus.
Congue molestie ipsum gravida a. Sed ac eros luctus.
<.tabs
class="tabs"
value={@value}
controlled
on_value_change="tabs_pattern_value"
items={Corex.Content.new([
%{value: "lorem", label: "Lorem", content: "Consectetur adipiscing elit. Sed sodales ullamcorper tristique."},
%{value: "duis", label: "Duis", content: "Nullam eget vestibulum ligula, at interdum tellus."},
%{value: "donec", label: "Donec", content: "Congue molestie ipsum gravida a. Sed ac eros luctus."}
])}
/>
def mount(_params, _session, socket) do
{:ok, assign(socket, :value, "lorem")}
end
def handle_event("tabs_pattern_value", %{"value" => value}, socket) do
v =
case value do
nil -> "lorem"
"" -> "lorem"
other -> to_string(other)
end
{:noreply, assign(socket, :value, v)}
end