popover

Popover component

Component defintion

defc popover(assigns) do
  ~H"""
  <.use_popover :let={p}>
    <div {p.root}>
      <button {p.trigger} class="btn m-1">
        <%= render_slot(@trigger) %>
      </button>
      <div {p.content} class="shadow absolute z-[1] bg-base-100 rounded-box p-5">
        <%= render_slot(@content) %>
      </div>
    </div>
  </.use_popover>
  """
end

Example usage

Basic
<.popover>
  <:trigger>
    Open
  </:trigger>
  <:content>
    Hidden content
  </:content>
</.popover>