Catalog Collaboration

<.header_roster>

ConnieUI.Collaboration

HEEx
<ConnieUI.Collaboration.header_roster
  people={@people}
  click={JS.push("collaborate:toggle")}
  limit={4} active pending={2}
/>

Variant matrix

Every combination of one or two attributes, side by side.

Controls

:integer
:string
:integer
:string
:string
:string

Set by the example

people click class

Docs

The document header's collaboration pill. Kept as the editor's name for `collaborate_button/1`, which is the component itself: the roster and the way in are one button.
Attribute Type Default Description
people * :list
limit :integer 5
size :string "size-6"
active :boolean false
pending :integer 0
click {:struct, Phoenix.LiveView.JS} nil
button_id :string nil
popovertarget :string nil
popovertargetaction :string nil
class :any nil