Current section

Files

Jump to
doggo priv storybook components split_pane.story.exs
Raw

priv/storybook/components/split_pane.story.exs

defmodule Storybook.Components.SplitPane do
use PhoenixStorybook.Story, :component
def function, do: &Doggo.split_pane/1
def variations do
[
%Variation{
id: :horizontal,
attributes: %{
id: "horizontal-split-pane",
orientation: :horizontal,
label: "Sidebar",
default_size: 100
},
slots: [
"<:primary>One</:primary>",
"<:secondary>Two</:secondary>"
]
},
%Variation{
id: :vertical,
attributes: %{
id: "vertical-split-pane",
orientation: :vertical,
label: "Sidebar",
default_size: 100
},
slots: [
"<:primary>One</:primary>",
"<:secondary>Two</:secondary>"
]
},
%Variation{
id: :nested,
attributes: %{
id: "nested-split-pane",
orientation: :horizontal,
label: "Sidebar",
default_size: 100
},
slots: [
"<:primary>One</:primary>",
"""
<:secondary>
<Doggo.split_pane
id="filter-splitter"
label="Filters"
orientation="vertical"
default_size={50}
>
<:primary>Two</:primary>
<:secondary>Three</:secondary>
</Doggo.split_pane>
</:secondary>
"""
]
}
]
end
end