Packages

moon

2.86.1
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

HexDocs

Current section

Files

Jump to
Readme
89 Versions
17 Dependencies
0 Dependants
Files
Activity
moon lib moon_web examples design snackbar_example options.ex
Raw

lib/moon_web/examples/design/snackbar_example/options.ex 

defmodule MoonWeb.Examples.Design.SnackbarExample.Options do

  @moduledoc false



  use Moon.StatelessComponent



  use MoonWeb, :example



  alias Moon.Design.Snackbar

  alias Moon.Design.Button



  alias Moon.Icons.GenericInfo



  def render(assigns) do

    ~F"""

    <Snackbar id="snackbar_7">

      <Snackbar.Trigger>

        <Button variant="outline">Multi Line</Button>

      </Snackbar.Trigger>

      <Snackbar.Content>

        <Snackbar.Message>Snackbar message</Snackbar.Message>

        <Snackbar.Message>Snackbar the second line message</Snackbar.Message>

      </Snackbar.Content>

    </Snackbar>



    <Snackbar id="snackbar_8">

      <Snackbar.Trigger>

        <Button variant="outline">With header</Button>

      </Snackbar.Trigger>

      <Snackbar.Content>

        <Snackbar.Header>Info</Snackbar.Header>

        <Snackbar.Message>Snackbar message</Snackbar.Message>

      </Snackbar.Content>

    </Snackbar>



    <Snackbar id="snackbar_9">

      <Snackbar.Trigger>

        <Button variant="outline">With Close</Button>

      </Snackbar.Trigger>

      <Snackbar.Content>

        <Snackbar.Message>Snackbar message</Snackbar.Message>

      </Snackbar.Content>

      <Snackbar.Close />

    </Snackbar>



    <Snackbar id="snackbar_10">

      <Snackbar.Trigger>

        <Button variant="outline">With Icon</Button>

      </Snackbar.Trigger>

      <Snackbar.Icon>

        <GenericInfo />

      </Snackbar.Icon>

      <Snackbar.Content>

        <Snackbar.Message>Snackbar message</Snackbar.Message>

      </Snackbar.Content>

    </Snackbar>



    <Snackbar id="snackbar_11">

      <Snackbar.Trigger>

        <Button variant="outline">Multi Line with Icon</Button>

      </Snackbar.Trigger>

      <Snackbar.Icon>

        <GenericInfo />

      </Snackbar.Icon>

      <Snackbar.Content>

        <Snackbar.Message>Snackbar message</Snackbar.Message>

        <Snackbar.Message>Snackbar the second line message</Snackbar.Message>

      </Snackbar.Content>

    </Snackbar>



    <Snackbar id="snackbar_12">

      <Snackbar.Trigger>

        <Button variant="outline">With Close and Icon</Button>

      </Snackbar.Trigger>

      <Snackbar.Icon>

        <GenericInfo />

      </Snackbar.Icon>

      <Snackbar.Content>

        <Snackbar.Message>Snackbar message</Snackbar.Message>

      </Snackbar.Content>

      <Snackbar.Close />

    </Snackbar>

    """

  end



  def code() do

    """

    alias Moon.Design.Snackbar

    alias Moon.Design.Button



    alias Moon.Icons.GenericInfo



    ...



    <Snackbar id="snackbar_7">

      <Snackbar.Trigger>

        <Button variant="outline">Multi Line</Button>

      </Snackbar.Trigger>

      <Snackbar.Content>

        <Snackbar.Message>Snackbar message</Snackbar.Message>

        <Snackbar.Message>Snackbar the second line message</Snackbar.Message>

      </Snackbar.Content>

    </Snackbar>



    <Snackbar id="snackbar_8">

      <Snackbar.Trigger>

        <Button variant="outline">With header</Button>

      </Snackbar.Trigger>

      <Snackbar.Content>

        <Snackbar.Header>Info</Snackbar.Header>

        <Snackbar.Message>Snackbar message</Snackbar.Message>

      </Snackbar.Content>

    </Snackbar>



    <Snackbar id="snackbar_9">

      <Snackbar.Trigger>

        <Button variant="outline">With Close</Button>

      </Snackbar.Trigger>

      <Snackbar.Content>

        <Snackbar.Message>Snackbar message</Snackbar.Message>

      </Snackbar.Content>

      <Snackbar.Close />

    </Snackbar>



    <Snackbar id="snackbar_10">

      <Snackbar.Trigger>

        <Button variant="outline">With Icon</Button>

      </Snackbar.Trigger>

      <Snackbar.Icon>

        <GenericInfo />

      </Snackbar.Icon>

      <Snackbar.Content>

        <Snackbar.Message>Snackbar message</Snackbar.Message>

      </Snackbar.Content>

    </Snackbar>



    <Snackbar id="snackbar_11">

      <Snackbar.Trigger>

        <Button variant="outline">Multi Line with Icon</Button>

      </Snackbar.Trigger>

      <Snackbar.Icon>

        <GenericInfo />

      </Snackbar.Icon>

      <Snackbar.Content>

        <Snackbar.Message>Snackbar message</Snackbar.Message>

        <Snackbar.Message>Snackbar the second line message</Snackbar.Message>

      </Snackbar.Content>

    </Snackbar>



    <Snackbar id="snackbar_12">

      <Snackbar.Trigger>

        <Button variant="outline">With Close and Icon</Button>

      </Snackbar.Trigger>

      <Snackbar.Icon>

        <GenericInfo />

      </Snackbar.Icon>

      <Snackbar.Content>

        <Snackbar.Message>Snackbar message</Snackbar.Message>

      </Snackbar.Content>

      <Snackbar.Close />

    </Snackbar>

    """

  end

end