Packages

sigma_kit

0.0.8
0.0.33 0.0.32 0.0.31 0.0.30 0.0.29 0.0.28 0.0.27 0.0.26 0.0.25 0.0.24 0.0.23 0.0.22 0.0.21 0.0.20 0.0.19 0.0.18 0.0.17 0.0.16 0.0.15 0.0.14 0.0.13 0.0.12 0.0.11 0.0.10 0.0.9 0.0.8 0.0.7 0.0.6 0.0.5 0.0.4 0.0.3 0.0.2 0.0.1

An Appplication kit for Phoenix based applications. SigmaKit Provides UI components, helpers, and opinionated frameowrk extensions for quickly devloping rich Phoenix LiveView based applications.

HexDocs

Current section

Files

Jump to
Readme
33 Versions
8 Dependencies
Dependants
Files
Activity
sigma_kit lib components containers.ex
Raw

lib/components/containers.ex 

defmodule SigmaKit.Components.Containers do

  use Phoenix.LiveComponent



  attr :shadow, :boolean, default: true, doc: "When true uses a shadow for emphasis"

  attr :title, :string, default: nil, doc: "The title of the container"

  attr :class, :any, default: "", doc: "Additional classes to apply to the container"



  slot :action_bar, doc: "A slot for action buttons"

  slot :inner_block, doc: "The main content of the container"

  slot :footer, doc: "Content for a bottom section"



  def box(assigns) do

    ~H"""

    <div class={[

      "rounded-lg border",

      @shadow && "shadow-lg border-zinc-100",

      !@shadow && "border-zinc-200",

      @class

    ]}>

      <div :if={!Enum.empty?(@action_bar) || @title} class="flex justify-between my-2 h-8 px-4 mt-4">

        <div class="font-medium text-lg">

          {@title}

        </div>

        <div class="flex gap-4 justify-end">

          {render_slot(@action_bar)}

        </div>

      </div>

      <div class="flex flex-col divide-y">

        <div class="p-4">

          {render_slot(@inner_block)}

        </div>

        <div :if={@footer != []} class="p-4">

          {render_slot(@footer)}

        </div>

      </div>

    </div>

    """

  end

end