Packages

sigma_kit

0.0.7
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 alerts.ex
Raw

lib/components/alerts.ex 

defmodule SigmaKit.Components.Alerts do

  use Phoenix.LiveComponent



  attr :danger, :boolean, default: false, doc: "Apply the danger style to the alert."

  attr :success, :boolean, default: false, doc: "Apply the success style to the alert."

  attr :warning, :boolean, default: false, doc: "Apply the warning style to the alert."

  attr :info, :boolean, default: false, doc: "Apply the info style to the alert."

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

  attr :class, :any, default: nil, doc: "Additional classes to apply to the alert."



  slot :inner_block, doc: "The content to render inside the alert."



  def alert(assigns) do

    ~H"""

    <div class={[

      @danger && "bg-red-100 border-red-400 text-red-700",

      @success && "bg-green-100 border-green-400 text-green-700",

      @warning && "bg-yellow-100 border-yellow-400 text-yellow-700",

      @info && "bg-blue-100 border-blue-400 text-blue-700",

      "border-l-4 py-2 px-4",

      @class

    ]}>

      <div class="font-bold mb">{@title}</div>

      <div :if={SigmaKit.Util.present?(@inner_block)} class="text-zinc-600 text-sm">

        {render_slot(@inner_block)}

      </div>

    </div>

    """

  end

end