clipboard

Clipboard

Component defintion

defc clipboard(assigns) do
  ~H"""
  <.use_clipboard :let={c}>
    <div {c.root} class="flex gap-1">
      <input
        {c.content}
        type="text"
        value={@text}
        readonly
        class="input input-bordered w-full max-w-xs"
      />
      <button {c.trigger} class="btn">Copy</button>
    </div>
  </.use_clipboard>
  """
end

Example usage

Input
<.clipboard text="Hello, Input!"/>